UNI-APP水平排列盒子

UNI-APP是一款使用Weex技术栈打造的跨平台应用开发框架，它允许开发者编写一次代码，生成多端应用。对于水平排列盒子，UNI-APP同样可以利用其组件化的特性，通过WXML（类似HTML）和WXSS（类似CSS）来实现。

<!-- uni-app页面结构 -->
<view class="container">
  <view class="item box1">盒1</view>
  <view class="item box2">盒2</view>
  <view class="item box3">盒3</view>
</view>

然后在对应的WXSS文件中设置布局规则：

.container {
  display: flex;
  flex-direction: row; /* 水平排列 */
  justify-content: space-between; /* 盒子间均匀分布 */
}

.item {
  width: 200rpx; /* 或者自适应宽度 */
  height: 200rpx; /* 高度自定 */
  border: 1px solid currentColor;
  margin-bottom: 10rpx;
}

这里的`.item` 类代表每个盒子，你可以调整样式如宽度、高度和边距等。