换行笔记

https://www.cnblogs.com/dfyg-xiaoxiao/p/9640422.html

Table{
Word-Break:break-all;
Border-Collapse: collapse;
table-layout: fixed;
}
td{
font-size:14px;
white-space: pre-line;
word-break: break-word;
}

<div id="box" style="width:100px;border:1px solid red;">
  Hi&nbsp;&nbsp;,
  This   is a incomprehensibilities long word.
  </br>
  你好&nbsp;&nbsp;，
  这   是一个不可思议的长单词
</div>


<div id="box" style="width:100px;border:1px solid red;white-space:nowrap">
  Hi&nbsp;&nbsp;,
  This   is a incomprehensibilities long word.
  </br>
  你好&nbsp;&nbsp;，
  这   是一个不可思议的长单词
</div>

<div id="box" style="width:100px;border:1px solid red;white-space:pre-wrap">
  Hi&nbsp;&nbsp;,
  This   is a incomprehensibilities long word.
  </br>
  你好&nbsp;&nbsp;，
  这   是一个不可思议的长单词
</div>

<div id="box" style="width:100px;border:1px solid red;white-space:pre-line">
  Hi&nbsp;&nbsp;,
  This   is a incomprehensibilities long word.
  </br>
  你好&nbsp;&nbsp;，
  这   是一个不可思议的长单词
</div>

word-break:keep-all

<div id="box" style="width:100px;border:1px solid red;word-break:keep-all">
  Hi&nbsp;&nbsp;,
  This   is a incomprehensibilities long word.
  </br>
  你好&nbsp;&nbsp;，
  这   是一个不可思议的长单词
</div>
word-break:break-all
<div id="box" style="width:100px;border:1px solid red;word-break:break-all">
  Hi&nbsp;&nbsp;,
  This   is a incomprehensibilities long word.
  </br>
  你好&nbsp;&nbsp;，
  这   是一个不可思议的长单词
</div>
break-word
<div id="box" style="width:180px;border:1px solid red;word-break:break-word;word-wrap:normal;">
  Hi&nbsp;&nbsp;,
  This   is a incomprehensibilities long word.
  </br>
  你好&nbsp;&nbsp;，
  这   是一个不可思议的长单词
</div>
<div id="box" style="width:180px;border:1px solid red;word-break:keep-all;word-wrap:break-word;">
  Hi&nbsp;&nbsp;,
  This   is a incomprehensibilities long word.
  </br>
  你好&nbsp;&nbsp;，
  这   是一个不可思议的长单词
</div>