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

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

可以使用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"就可以实现。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值