在react+antmobile中，怎么实现有8个div，每个div里的内容如果过长会自动换行，内容有多长，div就有多长，每个div都跟在前一个div的后面

可以使用CSS中的flexbox布局，结合设置自动换行和自适应宽度的属性实现该需求。具体实现代码如下：

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

.container > div {
  flex: 1 1 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

在HTML代码中，将8个div放在一个外层容器中，如下所示：

<div class="container">
  <div>div1内容</div>
  <div>div2内容</div>
  <div>div3内容</div>
  <div>div4内容</div>
  <div>div5内容</div>
  <div>div6内容</div>
  <div>div7内容</div>
  <div>div8内容</div>
</div>

其中，container类为外层容器的类名，div1到div8分别为每个div的内容。实现效果为每个div都有自适应宽度，且内容过长时自动换行，不会超出容器的范围。

相关问题

在react+antmobile中，怎么实现有3个div，每个div里的内容如果过长会自动换行，内容有多长，div就有多长，每个div都跟在前一个div的后面

可以使用 Flex 布局来实现这个需求。首先，将三个 div 放在一个父级容器中，给父级容器设置 display: flex 和 flex-wrap: wrap 属性，这样子元素超出父级容器宽度时就会自动换行。然后，给每个 div 设置 flex-basis: 33.33% 属性，这样每个 div 的宽度都会占据父级容器的三分之一，即 33.33%。最后，给每个 div 内部的元素设置 word-wrap: break-word 和 max-width: 100% 属性，这样当内容过长时会自动换行，并且内容宽度最大不超过对应的 div 宽度。