HTML-将字符串转换为多行

Question

我有一个大问题要解决。

问题

• 一行在元素宽度上显示的字符串

代码示例

 .box { width:150px; border: 2px solid black; } 

 <div class="box"> <p>THIS IS A LONG STRING<br> BUT_THIS_WOULD_BE_THE_PRBLEM_WHEN_A_STRING_HAVE_NO_SPACES!!!!!!!!!!!!!!!!!!!!!!!!!!!!</p> </div> 

也许有人知道我如何显示这样的文本。（仅在JS，JQuery，CSS中）

想要的结果

 .box { width: 150px; border: 2px solid black; } 

 <div class="box"> <p>THIS IS A LONG STRING<br>AND_THIS_IS_THE-<br>CONVERTED_STR-<br>ING </div> 

Answer 1

也许您应该使用自动换行

允许较长的单词可以打断并换行到下一行：

 .box { width:150px; border: 2px solid black; word-wrap: break-word; } 

 <div class="box"> <p>THIS IS A LONG STRING<br> BUT_THIS_WOULD_BE_THE_PRBLEM_WHEN_A_STRING_HAVE_NO_SPACES!!!!!!!!!!!!!!!!!!!!!!!!!!!!</p> </div>