单行文字记得加widthwidth限制范围overflow:hidden;text-overflow:ellipsis;white-space:nowrap;效果如图：多行文字注意-webkit兼容性，主要适配webkit内核浏览器和移动端显示：-webkit-box；-webkit-box-orient：垂直；-webkit-line-clamp:3;溢出：隐藏；效果如图：数字和英文单行和多行文字很容易超过省略号，但也要注意中文、英文和数字。以上两种中文情况都没有问题，但是遇到超长数字和英文就会失效。方法：word-wrap:break-word;数字效果：英文效果：正常字长的场景不会出现上面的英文，而是英文长句标题。单词会因为太长而自动换行到下一行，即使上半部分留白的大部分效果如图：只有当一个单词填满一整行时，才会断句通过信件。显然，事实并非如此。效果如图：
