HTML中的<table>不折行显示文本
用nowrap属性控制表格table中td中文不换行:
[code]<table>
<tr>
<td nowrap>
不换行-不换行-不换行-不换行-不换行-不换行
</td>
</tr>
</table>[/code]
HTML中td元素的nowrap属性可以禁止单元格中的文字自动换行。
但使用时要注意的是,td元素noWrap属性的行为与td元素的width属性有关。
[color=#FF0000]如果未设置td宽度,则nowrap属性起作用,如果设置了td宽度,则nowrap属性不起作用。[/color]
nowrap取值说明:
nowrap表示是否允许表格中的文本换行
nowrap=true的时候不能换行
nowrap=false可以换行
<nobr>标签,取消换行标记和 <br> 相反 功能使一段文本不换行
[code]<table>
<tr>
<td>
<nobr>不换行-不换行-不换行-不换行-不换行-不换行<nobr></td>
</tr>
</table>[/code]
另外可以设置<table>和<td>的style实现控制文本显示的长度,裁减超出宽度width:100px的文本。
[code]<table style="table-layout:fixed">
<tr>
<td nowrap style="width:100px;word-break:keep-all;" >
不换行-不换行-不换行-不换行-不换行-不换行
</td>
</tr>
</table>[/code]