p{ text-align: center; }
如上所示,只需在CSS中设置P标签的text-align属性为center即可实现P标签的居中。
当然,如果您的P标签需要在某一容器内居中,还需设置该容器的text-align属性为center,代码如下:
.container{ text-align: center; } .container p{ display: inline-block; text-align: left; }
以上代码中,大家先将容器的text-align属性设置为center,然后通过容器内P标签的display:inline-block属性,使P标签与其他行内元素具有同等的宽度,最后将P标签的text-align属性设置为left,保证P标签内的文本左对齐。
总之,P标签在CSS中的居中实现十分简单方便,轻松掌握后,您的网页设计将更加美观精致。