css实现多行文本超出内容显示省略号

这里以实现两行文本超出内容显示成省略号为例子。

首先需给所对应的文本给予宽高；
再输入以下代码：

    overflow: hidden;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;

其中如果想要实现多行，则将-webkit-line-clamp的值更改为要实现几行实现超出的文本显示成省略号的数字即可。

具体代码如下：

效果如下：