今天遇到一个坑,就是很想让一个p标签实现一行或者多行文本,出现省略号。查了很多资料还是查出来了。
直接上代码,以备以后需要的时候使用
line-height: 30px;//行高,可以调字间距
overflow: hidden;
display: -webkit-box;//显示为盒模型
-webkit-line-clamp: 2;//显示两行
-webkit-box-orient: vertical;//从顶部向底部垂直布置子元素
white-space: pre-wrap;//文字换行