在網(wǎng)頁(yè)設(shè)計(jì)中，文字的排版和居中是至關(guān)重要的。CSS可以通過(guò)一些簡(jiǎn)單的屬性和技巧來(lái)實(shí)現(xiàn)文字居中效果。 一、文本居中 可以使用text-align屬性來(lái)將文本居中。該屬性常常在父元素中使用，對(duì)其子元素產(chǎn)生影響。 ``` p{ text-align:center; } ``` 二、行內(nèi)元素居中 行內(nèi)元素可以使用text-align屬性來(lái)居中。但是，需要注意的是，該屬性對(duì)于塊級(jí)元素是無(wú)效的。 ``` div{ text-align:center; /* 或者 */ text-align:center; display:inline-block; } ``` 三、塊級(jí)元素居中 塊級(jí)元素可以通過(guò)一些屬性來(lái)實(shí)現(xiàn)居中效果。比較常用的方法是使用margin屬性。 ``` div{ margin-left:auto; margin-right:auto; width:200px; } ``` 以上代碼將div元素水平居中，可以通過(guò)設(shè)置其寬度和margin-left與margin-right的值來(lái)實(shí)現(xiàn)。當(dāng)然，也可以只設(shè)置margin值。 ``` div{ margin:0 auto; width:200px; } ``` 四、圖片居中 圖片在網(wǎng)頁(yè)中也很常見(jiàn)。同樣，可以使用上述方法來(lái)實(shí)現(xiàn)圖片的居中。 ``` img{ display:block; margin-left:auto; margin-right:auto; } ``` 以上代碼將圖片水平居中，display:block可以將img元素轉(zhuǎn)換成塊級(jí)元素。 總結(jié) 以上是CSS中文字和元素居中的幾種方式，每種方式各有優(yōu)缺點(diǎn)。在實(shí)際開(kāi)發(fā)中，根據(jù)需要選用適合的方式即可。