CSS一行三列代碼怎么寫？

.row{
display: flex;
flex-wrap: wrap;
}
.col{
flex: 1;
padding: 10px;
}

首先，我們創建了一個名為“row”的類，表示這一行要被分成幾列。它的屬性是“display: flex”，這表明這一行的元素應使用Flexbox布局。我們還設置了“flex-wrap: wrap”，這表示元素應該換行，以適應容器的寬度。

然后，我們創建了一個名為“col”的類，表示這一列的元素。它的屬性是“flex: 1”，這表示該元素在父容器中占據了相等的空間。我們還設置了“padding: 10px”，這表示該元素的內邊距為10像素。

有了這兩個類，我們就可以將它們應用到HTML元素中，以創建一行三列的布局：

<div class="row">
<div class="col">Column 1</div>
<div class="col">Column 2</div>
<div class="col">Column 3</div>
</div>

上述代碼中的<div>元素位于名為“row”的類中，這將啟用Flexbox布局，并將元素排列為行。在這個行中，我們包含了三個<div>元素，每個元素都有名為“col”的類。這將使它們占據相等的寬度，并在一行中并排顯示。

以上就是CSS一行三列代碼的實現方法。通過這種布局方式，我們可以輕松地創建具有多個并排列出的列的網頁布局。