CSS布局是網(wǎng)頁(yè)制作中必不可少的一部分，其中兩列布局是較為常見(jiàn)的一種。在兩列布局中，往往需要將兩個(gè)布局居中顯示。接下來(lái)，我們將介紹如何通過(guò)CSS實(shí)現(xiàn)兩列布局居中。

<div class="wrapper">
<div class="left">
<p>這是左側(cè)布局</p>
</div>
<div class="right">
<p>這是右側(cè)布局</p>
</div>
</div>
<style>
.wrapper {
display: flex;
justify-content: center;
}
.left, .right {
width: 50%;
}
</style>

上述代碼中使用了flex布局方式，將居中設(shè)置為父元素（wrapper）的主軸對(duì)齊方式，即justify-content: center。另外，左側(cè)（left）和右側(cè)（right）布局均設(shè)置為寬度為50%。

通過(guò)以上的CSS代碼，便可以實(shí)現(xiàn)兩列布局居中。需要注意的是，該方式需要保證兩個(gè)布局的寬度總和不超過(guò)父元素的寬度。