仅显示div内容的2行预览

Question

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

如果我在C＃中使用like substring会导致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。