处理文字过长显示超出解决方案（纯css解决）

问题起因：做项目遇到列表下文字超长导致页面样式混乱的情况，

处理如下：

     设定每个单元格的最大宽度，max-width:

     对超出部分进行截取：overflow:hidden;    缺点：最后一个字很容易截掉一半；

     添加对超出部分添加...进行省略（兼容各个浏览器）：text-overflow:ellipsis;    缺点：只支持一行，多行的无法实现

效果：

还有添加js方法进行截取，后续补充。