css居中页面怎样写

CSS居中页面是网页设计中非常重要的一个技巧。在网页设计中，我们经常需要将页面内容居中，这样可以让网页看起来更加美观。下面让我们来看一下CSS居中页面的写法。

// 水平居中.center {
    width: 80%;
    margin: 0 auto;
}
// 垂直居中.center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
    

当我们想要水平居中一个容器时，我们可以通过设置该容器的宽度并将左右的margin设置为“0 auto”来实现。这样设置后，该容器就会在页面中水平居中。

而当我们想要垂直居中一个容器时，我们需要先将该容器设置为绝对定位，然后再通过设置“top: 50%”和“left: 50%”来让容器距离页面上部和左部都居中，最后再通过使用css3的transform属性来实现垂直居中。

通过以上的写法，我们可以轻松地实现CSS居中页面。好了，以上就是通过CSS居中页面的写法了，希望能够对大家有所帮助。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！