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