Div水平居中效果怎么实现

对于html/css的初学者来说，实现div各种居中（如水平居中，垂直居中等）的办法，想必大家也都有所了解，毕竟优秀的div排版是制作网页页面的基本组成部分。

推荐参考：《html教程》

下面我们就结合简单的示例给大家介绍实现div水平居中的方法。

效果如下图所示：

此时我们可以发现，文本居中但是div不再水平居中。

注：所有浏览器都支持 text-align 和margin属性。

综上所述，想要实现指定的div水平居中，必须要结合使用“text-align: center;”和“margin: 0 auto;”这个两个属性。

本篇文章就是关于Div实现水平居中的具体方法介绍，非常的简单易懂，希望对需要的朋友有所帮助！

以上就是Div水平居中效果怎么实现的详细内容，更多请关注其它相关文章！