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

2017-05-24  本文已影响64人  Vincent_Jiang
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;
}
上一篇 下一篇

猜你喜欢

热点阅读