如何使用CSS实现DIV文字的居中（水平 竖直）

方法一：使用文本对齐实现水平居中

在需要居中的div上级，增加一个父级div，并且添加属性“text-align: center;”。如果你需要当前div的文字居中，那么你还需要在当前div中增加属性“text-align: center;”。

方法二：使用margin属性实现水平居中

在需要居中的div标签中，增加属性“margin-left: auto; margin-right: auto;”。这样设置，会让CSS自动为你调整位置，由于父div已经设置居中，所以界面会自动居中。

方法三：设置高度和行高实现竖直居中

如果你发现使用上述方法后，div中的文字是靠上对齐而不是居中的，可以尝试在div中设置height和line-height高度相同。这样可以保证文字在div中垂直居中。

以上是我用CSS解决DIV文字居中的办法，希望能帮助到大家。

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。