CSS三列居中布局，即將頁面分為三列，使三列內容在頁面上居中顯示。如下代碼實現了三列居中布局：

.container {
display: flex;
justify-content: center;
}
.left {
float: left;
width: 100px;
}
.middle {
margin: 0 auto;
width: 100px;
}
.right {
float: right;
width: 100px;
}

上述代碼使用了flex布局和float布局實現三列居中布局。其中，flex布局定義了容器為居中顯示，即將三個子元素橫向排列在頁面中央；float布局則用于左右兩列的定位。

需要注意的是，在使用float布局時，左側元素要放在HTML文檔的最前面，右側元素要放在HTML文檔的最后面。

此外，還可以使用margin屬性設置中間列的居中。如上述代碼中，將中間列的margin屬性設置為“0 auto”，則可以使中間列在頁面上水平居中。

總之，CSS三列居中布局采用了靈活多變的方法，多了解多嘗試，才能掌握更多有效的布局技巧。