CSS中的居中是網頁設計中非常重要的功能之一,其中,P標簽的居中使用起來也十分的簡單方便,下面我們來詳細了解一下P標簽的居中實現。
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中的居中實現十分簡單方便,輕松掌握后,您的網頁設計將更加美觀精致。
上一篇css中的text加粗