只显示div内容的2行预览

Question

如何仅显示div内容的两行预览？

如果我在C＃中使用像子字符串会导致HTML标记错误问题。

所以，我想知道我能否做到这一点？

Answer 1

你可以从CSS中做到这一点的父元素

overflow: hidden; 
height: necessary_height_to_show_only_2_rows; 
width: 100%; 
display: block; 

Answer 2

如果我理解正确的，你有这样的：

<div> 
    line-one 
    line-two 
    line-three 
</div> 

您可以使用下面的CSS隐藏的最后一行：

div { 
    line-height: 14px; #for example. 
    height: 28px; #double the line-height. 
    overflow: hidden; 
} 

如果你想添加填充/额外空间 - 创建一个包装div。