如果一个单词对容器来说太长，如何使它进入下一行？

提问者：小点点

大家好:）我有一个

换行字。它最大长度可以容纳6个字符。如果word.length>6，我想将它换行到下一行，但如果word.length=6，则换行到newt行。例如:

这就是我所拥有的:

text = "aaaaaaa"

|aaaaaa|
|a     |

text = "hi bbbbbb"

|hi bbb|
|bbb   |

这就是我想要的:

text = "aaaaaaa"

|aaaaaa|
|a     |

text = "hi bbbbbb"

|hi    |
|bbbbbb|

共3个答案

匿名用户

您应该使用overflow-wrap:break-word；

匿名用户

把这个字分成两段怎么样？

HTML

<div class="flex">
   <span>word1<span>
   <span>word2<span>
<div>

CSS

.flex {
   position: relative;
   display: flex;
   flex-wrap: wrap;
 }

匿名用户

只需将您的段落设置为文本-对齐:对齐