段落最多显示N行之line-clamp

限制段落最多显示2行,又要计算高度,又要计算宽度,真的好难受!

其实,真的很简单……

控制文字最多显示2行

/*控制最多两行,超出文字用...替换;*/
el-block {
display: -webkit-box;
-webkit-line-clamp: 2;
height: 2em;
line-height: 1;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
}
NOOLDEY

本文作者:NOOLDEY

做一个诗情画意的码农,皮皮猪,我们走!

原文链接: http://zhuweisheng.com.cn/html/line-clamp/

本站文章如无特殊声明均为原创,创作不易,转载请注明来源,谢谢!