网站建设资讯

NEWS

网站建设资讯

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

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

创新互联是一家专业的成都网站建设公司,我们专注网站设计制作、成都做网站、网络营销、企业网站建设,卖友情链接广告投放平台为企业客户提供一站式建站解决方案,能带给客户新的互联网理念。从网站结构的规划UI设计到用户体验提高,创新互联力求做到尽善尽美。

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

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

属性值:

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

  • right    把文本排列到右边。

  • center    把文本排列到中间。

  • justify    实现两端对齐文本效果。

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

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

具体实现代码:




 
php.cn 




文本居中对齐

居中的文本

运行结果:

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

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


分享题目:css设置文本居中对齐的方法
分享路径:http://cdweb.net/article/gjicjp.html