如何格式化同一扳手下的多列?/ gt()如何分配列位置？

<div class="container">
   <div class="column">列1</div>
   <div class="column">列2</div>
   <div class="column">列3</div>
</div>

<style>
.container {
   display: flex;
   flex-wrap: wrap;
}

.column {
   flex: 1; /* 平均分配空间 */
   /* 或者根据需求具体设置宽度或比例 */
   /* flex: 1 0 200px; 表示分配空间、不收缩、最小宽度为200px */
}
</style>

<div class="container">
   <div class="column">列1</div>
   <div class="column">列2</div>
   <div class="column">列3</div>
</div>

<style>
.container {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr; /* 平均分配三列 */
   /* 或者根据需求具体设置宽度或比例 */
   /* grid-template-columns: 200px 1fr 2fr; 表示第一列200px宽度，第二列占剩余空间的1/3，第三列占剩余空间的2/3 */
}

.column {
   /* 根据需求设置样式 */
}
</style>