宜宾网站建设公司

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设置文本居中对齐的方法
URL地址：http://hbruida.cn/article/gjicjp.html

其他资讯