在網(wǎng)頁(yè)設(shè)計(jì)中，有時(shí)需要將一行中的元素控制為4個(gè)。這可以通過CSS來(lái)實(shí)現(xiàn)。下面是示例代碼：

.container {
display: flex;
flex-wrap: wrap;
}
.item {
width: 25%;
}
@media (max-width: 768px) {
.item {
width: 50%;
}
}

首先，將包含元素的父容器設(shè)為flex布局，并設(shè)置flex-wrap為wrap，這樣元素會(huì)自動(dòng)換行。然后，為每個(gè)元素設(shè)置寬度為25%，即每行顯示4個(gè)。當(dāng)窗口尺寸小于768px時(shí)，使用媒體查詢@media，將寬度改為50%，以適應(yīng)屏幕的大小。

使用CSS控制一行顯示4個(gè)元素，可以有效地優(yōu)化頁(yè)面的布局，提升用戶體驗(yàn)。