在CSS中，我們可以使用flex布局來實現(xiàn)一行4列的布局，以下是一個簡單的示例：

HTML代碼：

<div class="container">
  <div class="item">1</div>
  <div class="item">2</div>
  <div class="item">3</div>
  <div class="item">4</div>
</div>

CSS代碼：

.container {
  display: flex;
  justify-content: space-between;
}
.item {
  width: 25%;
  height: 100px;
  background-color: #f0f0f0;
  border: 1px solid #000;
}

在這個示例中，我們創(chuàng)建了一個名為"container"的div，并將其設(shè)置為flex布局，我們將每個"item"元素的寬度設(shè)置為25%，這樣四個"item"元素就可以在一行中平均分布了，我們還設(shè)置了一個高度和背景顏色，以便更好地展示每個"item"元素，我們添加了一個邊框，以便更清晰地看到每個"item"元素的邊界。

這只是一個簡單的示例，你可以根據(jù)自己的需求進(jìn)行調(diào)整，你可以將"item"元素的寬度設(shè)置為不同的百分比，或者添加更多的樣式和交互效果，以滿足你的具體需求，無論如何，使用flex布局來實現(xiàn)一行4列的布局是一個簡單而有效的方法。