網(wǎng)頁設(shè)計中,讓文本內(nèi)容在水平居中是常見的需求。本文將介紹如何使用 CSS 實現(xiàn)這一效果。
/* CSS 代碼 */ p { text-align: center; }
上述代碼中,通過將段落的文本對齊方式設(shè)置為居中,就可以實現(xiàn)文本內(nèi)容在水平居中的效果。
需要注意的是,該方法只適用于塊級元素,行內(nèi)元素需要將其轉(zhuǎn)換為塊級元素(如通過設(shè)置 display 屬性值為 block)才能實現(xiàn)水平居中。
另外,該方法還可以用于其他一些元素(如圖片、表格等)的水平居中,只需要將對應(yīng)元素的文本對齊方式設(shè)置為 center 即可。
總之,通過設(shè)置文本對齊方式為 center,就可以輕松實現(xiàn)文本內(nèi)容在水平居中的效果。