<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); /* 创建两列 */
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; /* 间隙 */
}