CSS文本超出省略号 多行文本溢出显示省略号

我们在进行WordPress主题开发时候，前端写网站页面经常会遇到文章标题名称过长，超出div的情况。
那么CSS多行文本溢出显示省略号改该怎么写呢？
下面主题君给出了CSS溢出文字隐藏显示省略号和CSS多行文本溢出显示省略号的方法。

单行溢出显示省略号：

.ztjun {
overflow: hidden;
text-overflow:
ellipsis;
white-space: nowrap
}

此时，溢出的文字会被省略号…代替。

多行文本的情况，例如博客文章摘要，在PC端和手机端需要显示不同数量的文字，那么则可以使用以下代码来控制显示行数：

.ztjun  {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}

上面的2，指的是CSS两行超出省略号，也可以是3行，甚至多行，大家可以亲自试试看。