css 块级元素水平居中

如今，在网页开发中，我们使用CSS作为页面的样式表。在CSS中，我们经常需要水平居中块级元素，如何实现呢？

    /* 容器的样式 */    .container {
            width: 80%;
     /* 容器的宽度 */        margin: 0 auto;
 /* 左右margin设置为auto */    }
    /* 需要居中的元素的样式 */    .element {
            width: 50%;
     /* 元素宽度 */        margin: 0 auto;
 /* 左右margin设置为auto */    }
    

在上述代码中，我们首先设置了容器的宽度为80%，这是为了保证居中效果。接着，我们给容器设置了左右margin为auto，这样容器就被水平居中了。

接下来，我们需要居中的元素也需要设置左右margin为auto，这样它就被包含在了居中的容器中。

总结一下，水平居中块级元素的方法就是给容器设置左右margin为auto，再给需要居中的元素设置左右margin为auto即可。

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