HTML表格内容:如果行很长,如何在新行中显示部分内容

时间:2015-04-03 10:48:12

标签: javascript html css

我有像

这样的HTML内容
<Table style="width=100px;">
<tr>
<td>
KEY1:Value1 Key2:Value2
</td>
<tr>
<Table>

现在如果我的td内容长于TD宽度,它应该显示为
Key1:value1
Key2:value2

注意:仅当内容长度高于TD宽度时,此选项才适用 此外,这是IE6

所需要的

1 个答案:

答案 0 :(得分:1)

设置表格布局:固定用于表格和自动换行:在td中使用break-word。

table{
    width:100px;
    table-layout:fixed;
}

td{
    word-wrap:break-word ;
}

工作小提琴here