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

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了CSS控制TD内的文本超出指定宽度后不换行而用省略号代替，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含559字，纯文字阅读大概需要1分钟。

内容图文

            <
            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设定宽度，不然是无效的

 

 

 

 

 

原文：http://www.cnblogs.com/canrz/p/3785334.html

内容总结

以上是互联网集市为您收集整理的CSS控制TD内的文本超出指定宽度后不换行而用省略号代替全部内容，希望文章能够帮你解决CSS控制TD内的文本超出指定宽度后不换行而用省略号代替所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1188281.html

来源：【匿名】