在react+antmobile中,怎么实现有3个div,每个div里的内容如果过长会自动换行,内容有多长,div就有多长,每个div都跟在前一个div的后面
时间: 2024-05-30 13:13:23 浏览: 129
可以使用 Flex 布局来实现这个需求。首先,将三个 div 放在一个父级容器中,给父级容器设置 display: flex 和 flex-wrap: wrap 属性,这样子元素超出父级容器宽度时就会自动换行。然后,给每个 div 设置 flex-basis: 33.33% 属性,这样每个 div 的宽度都会占据父级容器的三分之一,即 33.33%。最后,给每个 div 内部的元素设置 word-wrap: break-word 和 max-width: 100% 属性,这样当内容过长时会自动换行,并且内容宽度最大不超过对应的 div 宽度。
阅读全文