处理动态文本超长问题：
如下图，显然不符合美观视觉
此时我们可以这样写，文字不换行溢出显示省略号：
{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;}
其实多行溢出隐藏也有弊端，若文本很少，只够显示一行，依然会参差不齐：
这个时候可以考虑瀑布流
