只顯示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。