通過CSS的布局可以實現(xiàn)左右布局，并且居中顯示。這對于設(shè)計和排版網(wǎng)頁而言非常重要。 首先，我們可以創(chuàng)建一個div容器，讓它占據(jù)整個頁面，然后將其分為左右兩個部分。 HTML代碼如下：

<div class="container">
<div class="left">
//左側(cè)內(nèi)容
</div>
<div class="right">
//右側(cè)內(nèi)容
</div>
</div>

接著，我們需要使用CSS樣式來控制容器的布局和居中顯示。 CSS代碼如下：

.container {
display: flex;
justify-content: center;
align-items: center;
}
.left, .right {
width: 50%;
}
.left {
float: left;
}
.right {
float: right;
}

通過CSS的flex布局，我們可以實現(xiàn)水平和垂直居中。同時，左側(cè)和右側(cè)的寬度都是50%，從而保持平衡。 另外，我們還可以使用浮動來處理左右布局。這種方式在早期的網(wǎng)站設(shè)計中較為常見。 CSS代碼如下：

.container {
width: 100%;
text-align: center;
}
.left, .right {
width: 50%;
display: inline-block;
vertical-align: top;
}
.left {
float: left;
}
.right {
float: right;
}

可以看到，這種方式需要設(shè)置容器的寬度和居中方式，同時使用inline-block和float屬性來實現(xiàn)左右布局和垂直對齊。 總結(jié)來說，通過CSS的布局和樣式控制，我們可以實現(xiàn)左右布局居中顯示。不同的網(wǎng)站設(shè)計和需求，有不同的實現(xiàn)方法，在實際應(yīng)用中需要靈活運用。