CSS 文字超长省略显示并隐藏超长部分

Posted 2020-08-02 王泽平

1.包含文字的元素必须是块级元素，不是块级元素使用display:block使其具有块级元素属性；

2.具备上述基本条件后，css样式如下：

{
    display: block;
    max-width: 300px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

　　如果包含在table的td元素内，td元素需要明确width的百分比，例如：width:20%;