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

使用Flexbox布局

<view class="container">
  <view class="column">列1内容</view>
  <view class="column">列2内容</view>
</view>

css代码

.container {
  display: flex;
  flex-direction: row; /* 水平排列 */
}

.column {
  flex: 1; /* 使得两列平分空间 */
  margin-right: 10px; /* 可选，设置两列之间的间距 */
}

.column:last-child {
  margin-right: 0; /* 移除最后一个元素的右边距 */
}

标签：空间程序css小程序