微信小程序的左右布局

微信小程序的在同一行有一个控件放在左边，另一个控件放在右边，可以利用来wxss作实现;

demo.wxml代码如下:

<view class="container">
  <text class="left">左边的文本</text>
  <text class="right">右边的文本</text>
</view>

demo.wxss代码如下:

.container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.left {
  font-family: "黑体";
  color: #888;
  font-size: 40rpx;
}

.right {
  font-family: "楷体";
  color: #ff0000;
  font-size: 80rpx;
}

运行的效果图如下: