单行文本溢出隐藏
overflow: hidden;//溢出隐藏
text-overflow:ellipsis;//文本显示省略号 /*默认是clip 超出部分直接切除*/
white-space: nowrap; //不换行 /*默认normal 自动换行*/
word-break: break-all; 如果不确定会有纯数字或者中文那一定要加上这句
多行文本
display: -webkit-box; //使用了flex,需要加
overflow: hidden; //超出隐藏
word-break: break-all; //纯英文、数字、中文
text-overflow: ellipsis; //省略号
-webkit-box-orient: vertical; //垂直
-webkit-line-clamp: 1; //显示一行
white-space:pre-line; //合并空白符序列,但是保留换行符,如果要使用这个垂直和显示几行的代码也要写