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

<div class="container">
<div class="left">
//左側內容
</div>
<div class="right">
//右側內容
</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布局，我們可以實現水平和垂直居中。同時，左側和右側的寬度都是50%，從而保持平衡。 另外，我們還可以使用浮動來處理左右布局。這種方式在早期的網站設計中較為常見。 CSS代碼如下：

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

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