css设置文字换行

让文字超过div宽度的时候,自动换行

word-wrap: break-word;
word-break: break-all;

假如想让文字两行显示,超过两行时以省略号结尾,则需要设置

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

 另外,如果设置padding属性的话,要记得将padding-bottom设置成0,不然会将隐藏的字显示出来,也就是第三行的字

记录编程的点滴,体会学习的乐趣
原文地址:https://www.cnblogs.com/AduBlog/p/14632245.html