lex-wrap: wrap;

`lex-wrap: wrap;` 是CSS（层叠样式表）中的一个属性，它用于定义文本的行盒（line boxes）何时应该换行。当设置为 `wrap` 或默认值 `normal` 时，文本会自动换行以适应其容器的宽度，如果一行的内容太长无法完全显示在视口内，就会开始新的一行。

例如，如果你有一个具有 `lex-wrap: wrap;` 的 `p` 元素，其中包含很长的一段文字：

p {
  white-space: pre-line;
  word-wrap: break-word;
  lex-wrap: wrap;
}

这段文字会在需要的地方换行，以便保持可读性。`white-space: pre-line;` 帮助控制行内空白，而 `word-wrap: break-word;` 则使得单词边界处可以断行。

相关问题

lex 布局 一行固定显示5个多出换行

对于一个使用lex布局的容器，如果要实现一行固定显示5个元素，超过的元素自动换行，可以使用如下的CSS样式：

.container {
  display: flex;
  flex-wrap: wrap;
}

.item {
  flex: 0 0 20%;
  /* 宽度为容器宽度的1/5 */
}

其中，`.container` 为容器的类名，`.item` 为每个元素的类名。通过设置 `.container` 的 `display` 属性为 `flex`，并且设置 `flex-wrap` 属性为 `wrap`，即可让元素超出容器范围时自动换行。

同时，为了让每个元素固定显示为一行的 5 个，可以设置每个元素的 `flex` 属性为 `0 0 20%`，其中 `20%` 表示元素宽度为容器宽度的 1/5。这样，每行就能够显示 5 个元素了。