在網頁設計中，排版是非常重要的一環。而CSS是實現排版的重要工具。在CSS中，我們可以使用兩行代碼實現四列的排版，下面我們來簡單介紹一下。

.container{
display: flex;
flex-wrap: wrap;
}
.item{
width: 25%;
box-sizing: border-box;
padding: 10px;
}

首先定義一個包裹四列的容器，使用display: flex屬性讓子元素靈活排列。將每個子元素的寬度設置為25%，這樣就能夠正好放下四列元素。另外box-sizing: border-box可以讓padding不會撐大子元素。最后給子元素設置一些內邊距，讓頁面更美觀。

下面是一個使用這兩行代碼實現的例子：

<div class="container"><div class="item">1</div><div class="item">2</div><div class="item">3</div><div class="item">4</div><div class="item">5</div><div class="item">6</div><div class="item">7</div><div class="item">8</div></div>

在上面的HTML結構中，我們可以看到八個子元素平均分布在四列中，非常簡潔易懂。這種簡單而高效的排版方式在實際開發中也是非常常用的。