如何用動態內容指定動態列表高度？

喜歡那些我有名單：如何用動態內容指定動態列表高度？

<ul class='fixture'><li>...html table...</li></ul> 
<ul class='fixture'><li>...html table...</li></ul> 
<ul class='fixture'><li>...html table...</li></ul> 

<ul class='fixture'><li>...html table...</li></ul> 
<ul class='fixture'><li>...html table...</li></ul> 
<ul class='fixture'><li>...html table...</li></ul>

我給li 23的高度，但是當我的HTML表格的內容是超過23的內容與li它下面干擾。我試圖讓李的最小高度和高度未指定，但沒有奏效。我想知道是否有人可以幫助我如何提高li的高度，當其內容的高度高於其他li？

來源

2013-06-01 unique_programmer

此代碼不足以理解問題。你可以在jsFiddle重新創建問題嗎？ – Sourabh

考慮從LI中移除高度。高度可能用於分隔線條（如果我錯了，請糾正我）。一個簡單的解決方案是將其翻譯爲行高：

li { 
    line-height:23px; 
}

但是，這將保持行間隔均勻。您可能希望將LI的行數多於行數，以便更好地將列表項目行更好地組合在一起。要做到這一點，用線高度上沿着添加填充：

li { 
    line-height:13px; 
    padding-bottom:10px; 
}

這是否給你你要找的效果？

來源

2013-06-01 06:14:30 Hans

如果'

'之間的內容是一個html表格，如果該表格有幾行，行高不會影響演示文稿，或者表格中的表格會有自己的'line-height'並不會受到影響？ - 我只是想象基於編輯行高的演示文稿中的空白，儘管我可能誤解了你的答案。 – gersande

Gersande的行高將從列表項目級聯到列表項目中的標籤，其中可能包含一個表格（例如http://codepen.io/seraphzz/pen/oxDBH）。但是，這可以通過向LI內的表格或LI本身添加不同的行高來解決，因爲似乎只有表格內容包含在LI中。 – Hans

刪除您分配給li的任何height屬性。沒有指定高度，它會自動調整。

來源

2013-06-01 06:36:26 Vector

如何用動態內容指定動態列表高度？

回答

相關問題