在whitespace前的单词休息

Question

是否有在word-break上使用white-space: pre的解决方案？

我有一个这样的列表，全部来自data base，我无法将其更改为ul li，但我想要显示出来，所以我随后使用{{1但是它不会破坏单词。

＆＃13;

＆＃13;

white-space: pre

＆＃13;

td {
    white-space: pre;
    word-break: break-word;
}

table {
    width: 100px;
    border: 1px solid black;
    display: block;
}

＆＃13;

＆＃13;

＆＃13;

或者使用像<table> <tr><th>list</th> <td> 1.testtesttesttesttesttesttesttesttest 2.hihihihihihihihihihihihihihihihihihi 3.hurayhurayhurayhurayhurayhurayhuray 4.testtesttesttesttesttesttesttesttest </td> </tr> </table>这样的内容将每个项目分解为新行并打破单词？

Answer 1

使用white-space: pre-wrap;浏览器保留空格。文本将在必要时包装，并在换行符

＆＃13;

＆＃13;

td {
   word-break: break-word;
   white-space: pre-wrap;
   -moz-white-space: pre-wrap;      
}

table {
    width: 100px;
    border: 1px solid black;
    display: block;
}

＆＃13;

<table>
<tr><th>list</th>
<td>
1.testtesttesttesttesttesttesttesttest
2.hihihihihihihihihihihihihihihihihihi
3.hurayhurayhurayhurayhurayhurayhuray
4.testtesttesttesttesttesttesttesttest
</td>
</tr>
</table>

＆＃13;

＆＃13;

＆＃13;