CSS控制TD内的文本超出指定宽度后不换行而用省略号代替

王朝学院·作者佚名  2016-05-24
窄屏简体版  字體: 小  |  中  |  大  |  超大  

CSS控制TD内的文本超出指定宽度后不换行而用省略号代替<style type="text/css"> .lineOverflow { width: 100px; border:#000 solid 1px; text-overflow: ellipsis; white-space: nowrap;/*禁止自动换行*/ overflow: hidden; }</style>

<table style="table-layout:fixed; width: 200px;"> <tr> <td class='lineOverflow'>鉴于大部分中国球迷只能深夜在家看直播,最多和基友在一起,这个忠告就不必转给中国球迷了</td> </tr> </table>

在火狐、Chrome、IE8均有效,table必须设置table-layout:fixed,另,在火狐下必须给table设定宽度,不然是无效的

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航