文字溢出，处理的方式：折行，单行，多行

项目中经常用到的css记录

折行

white-space:normal;
word-break:keep-all;
word-wrap: break-word;

单行

width:70%; /*根据实际情况定义宽度*/
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: inline-block;/*如果写的是行内元素（eg：span、i...）的话，就需要加上这行代码*/

多行

overflow: hidden;  
text-overflow: ellipsis;  
display: -webkit-box;  
-webkit-line-clamp: 3;  
-webkit-box-orient: vertical;