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

处理动态文本超长问题：

如下图，显然不符合美观视觉

此时我们可以这样写，文字不换行溢出显示省略号：

{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width:200px//宽度看具体情况而定，父级限定宽度也可以
}

                    

文字多行行溢出显示省略号：

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

 其实多行溢出隐藏也有弊端，若文本很少，只够显示一行，依然会参差不齐：

这个时候可以考虑瀑布流