小程序弹性布局 详细代码

小程序中的弹性布局（Flexbox）是一种响应式的二维布局方式，可以让元素在容器中根据屏幕大小和空间自动调整位置和大小。以下是一个简单的微信小程序中使用 Flex 布局的例子：

<view class="container">
  <view class="item item1">Item 1</view>
  <view class="item item2">Item 2</view>
  <view class="item item3">Item 3</view>
</view>

然后，在对应的 CSS 文件中设置 `.container` 和 `.item` 类的样式：

.container {
  display: flex; /* 弹性盒布局 */
  flex-direction: row; /* 默认从左到右 */
  justify-content: space-between; /* 子元素之间的间距均匀分布 */
  align-items: center; /* 全部子元素垂直居中 */
}

.item {
  flex: 1; /* 自动伸缩，子元素等分剩余空间 */
  background-color: #eee;
  padding: 10rpx;
}

在这个例子中，`.item` 类的 `flex: 1` 表示每个子元素会等比例分配可用空间，当屏幕变小时，它们会根据空间自动调整宽度。

相关问题：
1. 如何在小程序中启用 Flex 布局？
2. `justify-content` 属性还有哪些可能的值？
3. 如果想要让子元素顶部对齐而不是居中，应该如何修改 `align-items` 属性？