您的位置:CSS5 > CSS笔记 >

div 文字居中-div内的内容水平居中

发布日期:2020-02-14 19:45:31 来源:WWW.CSS5.COM.CN

让div内的文字水平居中。

一、CSS实现div内容居中

应用CSS样式单词:text-align:center

text-align值为文字居中(center)、靠左(left)、靠右(right)的样式属性。

div文字居中实例:

css代码:

.ct{text-align:center}

html代码:

<div class=”ct”>我在div内,水平居中的</div>

通过以上实践实现div内容居中。

文字居中
div内文字内容居中

二、div标签直接属性实现居中

对div标签直接使用align="center"即可实现内容水平居中。

实例代码:

<div align="center">
我是居中的
</div>

可拷贝以上代码实践观察并掌握居中方法。

标签(Tag): 居中 内容居中
本文分享URL地址:https://www.css5.com.cn/biji/1617.shtml

作者:CSS5原创

上一页:上一篇:css 文字间距设置教程
下一页:下一篇:div width的用法