如何在HTML/CSS中启用弹性布局？

在HTML/CSS中启用弹性布局（Flexbox），你需要在HTML容器上应用`display: flex;`样式，并根据需要调整其他相关的flex属性。以下是基本步骤：

1. **选择容器**：首先，将想要变成弹性布局的元素设置为`display: flex;`，比如`.container`类的样式：

   .container {
     display: flex;
   }

2. **定义方向**：使用`flex-direction`属性设置主轴的方向，默认为从左到右（row）或从上到下（column）。例如，让元素沿水平方向排列：

   .container {
     display: flex;
     flex-direction: row;
   }

3. **对齐和分布**：通过`justify-content`对齐主轴上的项目，如居中对齐：

   .container {
     display: flex;
     justify-content: center;
   }

4. **调整子项**：可以使用`align-items`控制侧轴的对齐，还有`align-self`针对单个项目独立设置：

   .container {
     display: flex;
     align-items: center;
   }

5. **弹性比例**：利用`flex-grow`, `flex-shrink`, 和 `flex-basis` 属性设置项目扩展和收缩的行为：

   .item {
     flex: 1; /* 等比例扩展 */
   }

记得每个项目如果要成为弹性项目，也需要有`display: flex`或者`display: inline-flex`的声明。