即使字符串没有被破坏,如何使td字符换行?

时间:2015-10-02 22:37:29

标签: html text html-table

如果我的td带有长而不间断的文字字符串,那么当你缩小窗口宽度时,如何逐个字符地开始包装到下一行?

在这个小提琴中,调整输出框的宽度,然后它会抛出一个滚动条,但是我希望文本开始换行,char到char到下一行。

http://jsfiddle.net/kirkbross/mn6at1hg/

<table width="100%" border="1" cellpadding="10" cellspacing="0">
  <tr>
    <td align="right">Left td</td>
    <td align="left">ThisisawholebunchoftextIwanttowrapbasedonawidthevenifitdoesntbrea</td>
  </tr>
</table>

1 个答案:

答案 0 :(得分:1)

您可以使用:

table {
    table-layout: fixed;
}
td {
    word-wrap:break-word
}

jsFiddle - https://jsfiddle.net/sleaver/tLd0g651/4/