在網(wǎng)頁(yè)設(shè)計(jì)中，排版是非常重要的一環(huán)。而CSS是實(shí)現(xiàn)排版的重要工具。在CSS中，我們可以使用兩行代碼實(shí)現(xiàn)四列的排版，下面我們來簡(jiǎn)單介紹一下。

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

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

下面是一個(gè)使用這兩行代碼實(shí)現(xiàn)的例子：

<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結(jié)構(gòu)中，我們可以看到八個(gè)子元素平均分布在四列中，非常簡(jiǎn)潔易懂。這種簡(jiǎn)單而高效的排版方式在實(shí)際開發(fā)中也是非常常用的。