CSS控制TD内的文本超出指定宽度后不换行而用省略号代替
2014-06-13 10:25
459 查看
<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设定宽度,不然是无效的
相关文章推荐
- CSS控制文本超出指定宽度后用省略号代替,CSS控制文本不换行
- DIV+CSS实操七:中文系内容模块控制文本不换行和超出指定宽度后用省略号代替
- CSS控制文本超出指定宽度后用省略号代替,CSS控制文本不换行
- CSS控制文本超出指定宽度后用省略号代替,CSS控制文本不换行
- CSS控制文本超出指定宽度后用省略号代替,CSS控制文本不换行
- CSS控制文本超出指定宽度后用省略号代替
- CSS控制文本超出指定宽度显示省略号和文本不换行
- CSS超出文本指定宽度用省略号代替和文本不换行
- CSS控制文本超出指定宽度显示省略号和文本不换行效果的实现
- CSS控制文本超出指定宽度显示省略号和文本不换行效果的实现
- css控制table中列td的宽度,超出部分省略号...代替
- CSS 文本超出指定宽度后隐藏并显示为省略号鼠标移上显示全文
- CSS- 文本超出指定宽度后隐藏并显示为省略号
- CSS控制文本超出后隐藏并用省略号代替
- css - 当文本内容长度超出屏幕宽度时,以省略号代替
- CSS文本超出div或者span时用省略号代替
- 如何让一行文本显示一定的宽度,超出省略号代替
- CSS小结:一行内文本超出指定宽度溢出的处理
- css 控制文本超出范围的省略号
- CSS设置超出指定宽度自动换行