一开始长这样:
设置完后长这样:
步骤:
overflow:hidden;//溢出文字隐藏
text-overflow:ellipsis;//溢出的显示为省略号..
display:-webkit-box; //显示为弹性伸缩盒子
-webkit-box-orient:vertical;//盒子中的子元素垂直
-webkit-line-clamp:2; //文字显示为2行
总结:一开始没想到设置弹性伸缩,只写了前两行,啥用没有。
更新:想去掉首行文本前的空格,试了让文字左对齐什么的失败。重新更改了宽度,结果文字只能显示一半了emm.
又用line-height更改了行高,成功了.
最后长这样: