怎么设置使flex布局中的子元素宽度固定

要使 flex 布局中的子元素宽度固定，可以设置子元素的 `flex-shrink` 和 `flex-basis` 属性。具体实现方法如下：

.container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.item {
  flex-shrink: 0;
  flex-basis: 200px; /* 固定宽度 */
  height: 100px;
  margin-right: 20px;
  margin-bottom: 20px;
  background-color: #ccc;
}

其中，`.container` 是 flex 布局的父元素，`.item` 是 flex 布局的子元素。通过设置 `.item` 的 `flex-shrink` 属性为 `0`，可以防止子元素在空间不足时缩小；同时，通过设置 `flex-basis` 属性为固定值，例如 `200px`，可以使子元素的初始宽度为固定值，在内容发生变化时保持不变。其他样式设置和前面的回答相同。

需要注意的是，如果子元素的宽度超过父元素的宽度，会导致子元素换行。如果希望子元素不换行，可以设置 `.container` 的 `flex-wrap` 属性为 `nowrap`。