CSS固定寬度居中是在網頁設計中非常常見的一個技術。這種技術可以幫助我們更好的控制頁面的布局，讓頁面看起來更加美觀。 在使用CSS固定寬度居中的時候，我們通常會使用margin:auto的方式來實現。具體實現方法如下： ``` /* HTML代碼 *//* CSS代碼 */ .centered { width: 300px; /* 設置元素的寬度 */ margin: 0 auto; /* 將左右的margin分別設為auto */ } ``` 上述代碼中，我們在HTML代碼中定義了一個固定寬度居中的div元素，并設置了它的寬度為300px。在CSS代碼中，我們通過將左右的margin都設為auto來讓這個元素固定寬度居中。 需要注意的是，這種方式只適用于塊級元素。如果想要讓行內元素居中，可以使用text-align:center的方式實現。具體代碼如下： ``` /* HTML代碼 *//* CSS代碼 */ .parent { text-align: center; /* 設置父級元素的text-align屬性 */ } .centered { display: inline-block; /* 將行內元素轉換為塊級元素 */ } ``` 通過上述代碼，我們可以將行內元素轉換為塊級元素，并在其父級元素中設置text-align:center來實現行內元素的居中效果。 總之，通過這種固定寬度居中的技術，我們可以更好地控制頁面的布局，讓頁面顯得更加美觀。