設置HTML中的左右居中是一個經常出現的問題，這里我們來介紹一下如何通過CSS來實現這樣的布局效果。 首先，我們需要在HTML中創建一個容器，這個容器可以是一個div元素，代碼如下：

<div class="container">
   這里放置要居中的內容
</div>

接下來，在CSS中設置.container元素的樣式，讓其實現居中布局：

.container {
   margin: 0 auto;
}

代碼解析： margin屬性會讓元素的邊距產生重疊效果，0表示不需要上下邊距，auto表示讓左右邊距自動調整（即居中）。 注意事項： - 如果要讓該容器占據整個頁面寬度，需要將寬度設置為100%。 - 如果該容器內的子元素也需要左右居中，可以給子元素添加margin: 0 auto; 即可。 總結： 通過上述方法，我們可以輕松實現HTML中元素的左右居中布局。這種方法不僅適用于容器的布局，也適用于文本、圖片等元素的居中設置。