1.文字单行省略
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
2.文字多行省略
display: -webkit-box;
-webkit-line-clamp: 2;
/* // 控制多行的行数 */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
**
3.文字和字符串和特殊符号不换行的问题
white-space: normal;
word-break: break-all;
word-wrap: break-word;
**
版权声明：本文为cocoxuan原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。