h5中设置div中的内容水平并垂直居中

jinrui_w

于 2016-05-25 15:08:25 发布

阅读量5.7w

点赞数 2

分类专栏： HTML5 文章标签： HTML5

本文链接：https://blog.youkuaiyun.com/jinrui_w/article/details/51498573

版权

2 篇文章

订阅专栏

本文介绍了如何使用CSS实现文本在div容器内的水平居中及垂直居中效果。水平居中可通过text-align:center属性实现；垂直居中则需设置line-height等于div的高度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.水平居中

text-align: center

2.垂直居中，设置line-height等于div的高度

例：

<div style="height: 100px; background-color: #e6b500; text-align: center; line-height: 100px">
    text
</div>