CSS 控制段落只显示1行/2行

显示1行的方法

text-overflow:ellipsis;//显示为省略号 可以用clip,不显示省略号，将溢出部分裁掉
white-space:nowrap;//文字不换行
overflow:hidden

显示2行的方法

word-break:break-all;//强制换行
text-overflow:ellipsis;//显示为省略号
display:-webkit-box;//对象作为伸缩盒子模型显示
-webkit-box-orient:vertical;//设置或检索伸缩盒对象的子元素的排列方式
-webkit-line-clamp:2;//显示行数## 标题文字 ##
overflow:hidden;

word-break:break-all 和 word-wrap:break-word区别

word-break:break-all   如果行末尾空间装不下一个长单词，会把长单词裁断，后半部分换行显示
word-wrap:break-word   如果行末尾空间装不下一个长单词，不会裁断单词，直接把整个单词换行显示