美文网首页
div 和 tr 溢出文字自动省略显示省略号

div 和 tr 溢出文字自动省略显示省略号

作者: Vincent_Jiang | 来源:发表于2017-05-24 14:24 被阅读64次
    div {
        display: block; /*内联对象需加*/
        width: 600px;
        word-break: keep-all; /* 不换行 */
        white-space: nowrap; /* 不换行 */
        overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */
        /* 当对象内文本溢出时显示省略标记 "..." 需与overflow: hidden; 一起使用。*/
        text-overflow: ellipsis;
    }
    
    td {
        text-overflow: ellipsis; /* for IE */  
        -moz-text-overflow: ellipsis; /* for Firefox,mozilla */  
        overflow: hidden;   
        white-space: nowrap;
        text-align: left;
    }
    

    相关文章

      网友评论

          本文标题:div 和 tr 溢出文字自动省略显示省略号

          本文链接:https://www.haomeiwen.com/subject/upfoxxtx.html