微信小程序 左右分栏

微信小程序 左右分栏

记录一下,说不定有用

<view class="box">
  <view class="left">
    左栏内容
  </view>
  <view class="right">
    右栏内容
  </view>
</view>
.box {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  box-sizing: border-box;
}

.left {
  width: 30%;
  display: flex;
  flex-direction: column;
  margin: 2px;
}

.right {
  width: 70%;
  display: flex;
  flex-direction: column;
  margin: 2px;
}

版权声明:本文为 溪月阁 | MoBrook 博主「 皓月 」的原创文章遵循用 CC BY-NC-SA 4.0 版权协议进行许可,转载请附上原文出处链接及本声明。

本文链接https://mobrook.cn/index.php/kanni-84/

没有了,已经是最后文章

下一篇: