【备忘】css文本超出后显示省略号（支持单行、多行）

//css文本超出后显示省略号（单行）：

overflow:hidden;
/*是让文本溢出后，显示成省略号*/
text-overflow:ellipsis;
/*禁止自动换行*/
white-space:nowrap;

//css文本超出后显示省略号（多行）：

    display: -webkit-box;
    -webkit-box-orient: vertical;
    /** 要控制的行数， 例如：控制文字达到第4行，那多余的就显示省略号 */
    -webkit-line-clamp: 4;
    overflow: hidden;

 

小提示：要给元素指定宽度和高度！不然看不到想要的效果。

 

 

END