微信小程序wxml用Grid css实现一行两列布局

使用Grid布局

<view class="grid-container">
  <view class="grid-item">列1内容</view>
  <view class="grid-item">列2内容</view>
</view>

css

.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr; /* 定义两列，每列占据可用空间的等分 */
  gap: 10px; /* 可选，设置网格项之间的间距 */
}

标签：空间程序css小程序