text-overflow是一个常用的CSS属性,作用是让文本超出容器区域的部分以省略号显示。

要让它生效, 还需要配合设置其它几个css属性。示例CSS代码:

    p {  
        white-space: nowrap;  
        width: 100%;                   /* IE6 needs any width */  
        overflow: hidden;              /* "overflow" value must be different from "visible" */  
        -o-text-overflow: ellipsis;    /* Opera 9-10 */  
        text-overflow:    ellipsis;    /* IE, WebKit (Safari, Chrome), Firefox 7, Opera 11 */  
    }

浏览器支持:

浏览器 版本 支持
Internet Explorer 6.0+ text-overflow ellipsis | clip
Firefox (Gecko) 7.0+ text-overflow ellipsis | clip
Opera (Presto) 9.* – 10.* -o-text-overflow ellipsis | clip
11.0+ text-overflow ellipsis | clip
Safari | Chrome | WebKit 1.3 | 1.0 | 312.3 text-overflow ellipsis | clip
- EOF -

评论

加载中