<div class="grid-container">
<div class="grid-item">內容 1</div>
<div class="grid-item">內容 2</div>
<div class="grid-item">內容 3</div>
<div class="grid-item">內容 4</div>
</div>
.grid-container {
display: grid;
grid-template-columns: repeat(2, 1fr); /* 創(chuàng)建兩列 */
gap: 20px; /* 間隙 */
}
<div class="column-container">
<p>內容 1</p>
<p>內容 2</p>
<p>內容 3</p>
<p>內容 4</p>
</div>
.column-container {
columns: 2; /* 兩列 */
column-gap: 20px; /* 間隙 */
}
