微信小程序 view同一行

微信小程序的`view`元素，用于创建页面的基本布局单元，其宽度默认会占据整个屏幕。如果你想让多个`view`元素在同一行显示，你需要控制它们的宽度，并合理地使用`flexible`布局或者是自适应布局模式，如`grid`。

**1. 使用flexible布局**：
在`view`上添加`class='wx-flex'`，并设置容器的宽度，比如`.wx-flex wx-flex-nowrap`可以让子元素水平排列：

<view class="wx-flex wx-flex-nowrap">
  <view>view1</view>
  <view>view2</view>
  <view>view3</view>
</view>

**2. 使用grid布局**：
从版本1.9.0开始，小程序引入了新的`grid`布局模式，可以按网格格子排列元素：

<view class="container grid">
  <view slot="cell" class="item">view1</view>
  <view slot="cell" class="item">view2</view>
  <view slot="cell" class="item">view3</view>
</view>

这里 `.container`设置了`display: grid;`，`.item`则设置了`grid-column`和`grid-row`。

**相关问题--:**
1. flexible布局还有哪些关键属性需要注意？
2. 如何在微信小程序中启用grid布局？
3. 当一行元素过多，导致换行时，怎么解决？