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

Views

限制段落最多显示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/

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