CSS控制单行（多行）文本超出后隐藏or显示省略号（...）

文本超出部分隐藏一般分为单行和多行，下面主要介绍两种方法

一、单行文本隐藏显示省略号

.ljl {
    width: 200px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

二、多行文本超出显示省略号（常用方法1）

1、（因使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端）

.ljl {
    width: 200px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

注：CSS3 text-overflow 属性主要有：clip，ellipsis，string

————————————————

原文链接：blog.csdn.net/longgeaisis…