css设置文本居中对齐的方法

小编给大家分享一下css设置文本居中对齐的方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

css设置文本居中对齐的方法:可以利用text-align属性来实现,如【p {text-align:中心;}】。我们也可以设置文本居左或居右,如【text-align:左;】或【text-align:正确的;】。

css中有一个文本属性text-align,该属性允许我们指定元素的文本水平对齐方式,如居中,居左,居右,两端对齐等。

属性值:

<李>

左,,把文本排列到左边。默认值:由浏览器决定。

<李>

对吧,,把文本排列到右边。

<李>

中心,,把文本排列到中间。

<李>

证明,,实现两端对齐文本效果。

<李>

继承,,规定应该从父元素继承text-align属性的值。

比如我们要实现文本居中对齐,该怎么做呢?

具体实现代码:

& lt; ! DOCTYPE  html> 　　& lt; html> 　　& lt; head> 　　& lt; meta  charset=皍tf-8"祝辞, 　　& lt; title> php.cn, 　　& lt; style> 　　p { 　　,,,宽度:500 px; 　　,,,边界:2 px  solid 红色; 　　,,,text-align:中心; 　　} 　　& lt;/style> 　　& lt;/head> 　　 　　& lt; body> 　　& lt; h3>文本居中对齐& lt;/h3> 　　& lt; p>居中的文本& lt;/p> 　　& lt;/body> 　　& lt;/html>

运行结果:

以上是“css设置文本居中对齐的方法”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!

css设置文本居中对齐的方法