表格单元格中的溢出文本

时间:2013-04-12 19:30:40

标签: html css

我有一个没有空格的长字符串文件路径。例如:

这显示在table中,类似于:

<td>
    /thisisthetopfolder/thisisthebottomfolder/thisisthefile.html
</td>

但是,文本不会溢出到下一行,它只是在表格单元格宽度的末尾被截断/截断。我无法增加表格或表格单元格的宽度。有没有办法强制溢出表格单元格中的文本,因此它不会被切断?

看起来像这样:

------------------------------------------
| /thisisthetopfolder/thisi | other info  |
------------------------------------------

它需要看起来像这样:

------------------------------------------
| /thisisthetopfolder/thisi  |            |
|  sthebottomfolder/thisisth |            |
|  efile.html                | other info |
------------------------------------------

1 个答案:

答案 0 :(得分:2)

添加此CSS规则:

td {
    word-break:break-word;
}

<强> jsFiddle example

word-break CSS属性用于指定如何(或如果)断开单词中的行。