微信小程序 view 下包含多个view，包含的view 左右排列。写css

### 回答1：
可以使用 flex 布局实现左右排列，具体的代码如下：

HTML 代码：

<view class="container">
  <view class="left"></view>
  <view class="right"></view>
</view>

CSS 代码：

.container {
  display: flex;
  justify-content: space-between;
}

.left {
  width: 50%;
  height: 200px;
  background-color: #f00;
}

.right {
  width: 50%;
  height: 200px;
  background-color: #00f;
}

以上代码中，使用 `display: flex;` 将父容器设置为 flex 布局，使用 `justify-content: space-between;` 将左右两个子元素平分父容器的宽度，达到了左右排列的效果。同时，通过设置子元素的宽度为 50% ，实现左右两个子元素的平分。

### 回答2：
要实现微信小程序 view 下包含多个 view，且这些 view 左右排列，可以使用 flex 布局来实现。下面是主要的 CSS 代码示例：

.container {
  display: flex;
  flex-direction: row;   /* 设置为横向排列 */
  justify-content: space-between;   /* 将 view 从容器两侧开始排列 */
}

.view {
  width: 100px;   /* 可根据需要调整宽度 */
  height: 100px;  /* 可根据需要调整高度 */
  background-color: #ccc;   /* 可根据需要调整背景色 */
}

在上述代码中，将所有的 view 放置在一个名为 `container` 的容器中，使用 flex 布局将它们横向排列。`flex-direction: row` 属性会将 view 在容器中从左至右排列。

每个 view 的样式可以通过添加 `.view` 类来设置，根据实际需要调整宽度、高度和背景色等属性。

在小程序的 wxml 文件中引入 CSS 文件，并将 view 放置在对应的标签中，示例如下：

<view class="container">
  <view class="view"></view>
  <view class="view"></view>
  <view class="view"></view>
  <!-- 可添加更多 view -->
</view>

以上代码表示，在容器中包含了三个 view。你可以根据需求添加更多的 view，在页面显示时，这些 view 将会按照 CSS 设置的样式左右排列在一起。

请注意，在微信小程序中，由于 view 默认具有 `display: inline` 属性，无法直接使用 flex 布局，因此我们需要在外部容器中设置为 `display: flex` 才能生效。