一行如果文字较多,怎样才能保持外面的表格不变形?

一行如果文字较多,怎样才能保持外面的表格不变形?

可以使用TABLE的样式table-layout:fixed以及TD的样式overflow:hidden和white-space:nowrap,同时限定TD的宽度,这样超过TD宽度的部分会隐藏,不会破坏表格的形状(IE6.0和Firefox 1.5下测试通过);另外,可以使用TD的样式text-overflow:ellipsis(仅IE6.0+以上有效),使得被隐藏的部分以省略号的形式出现。

示例代码:
<style type="text/css">
.tlist {table-layout:fixed}
.tlist td {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.tlist font{white-space:nowrap;} //在实践中发现,如果想要改行遇到中文标点符号不换行,则需要定义该样式,并在表格内的文字两边用<font></font>标签夹上

</style>
这样只要指定表格的Class="tlist"就可以实现。

你可能感兴趣的:(测试,IE,table,Class,firefox)