HTML list items order

我想根據父母的身高自動限制HTML列表的高度。是否有可能不讓列表明顯溢出，但將溢出元素放在一起並繼續從那裏迭代？該列表是動態的，所以列表項數可以是1或100.HTML list items order

我知道每第三個元素達到元素的最大高度，所以我可以使用nth-child（）選擇器。我更喜歡以更優雅的方式做到這一點。

例如：

li 1 li 4 li 7 
li 2 li 5 
li 3 li 6

2015-06-22 Jesse

你可以使用'列count' –

的問題是，我不知道有多少列表元素會出現，所以我不知道列的數量。 – Jesse

您不需要知道列數，將其設置爲自動並將列表項目的大小設置爲所需的高度，以便每列總是3個。不幸的是，我在移動設備上，無法進行演示。 –

如果你的列表中的項目是動態填充然後ü應該使用循環（PHP），你也可以玩的CSS第n個孩子（）選擇。

如果你確切地知道你有多少個列表項目，請使用它。

ul { 
    columns: 3; 
    -webkit-columns: 3; 
    -moz-columns: 3; 
    }

2015-06-22 13:14:18 Krone

是的，但是我可以使用哪些CSS屬性作爲第n個子選擇器？ – Jesse

@Jesse nth選擇器可以給你在你的例子中描述的佈局，但不會解決你的實際問題。因爲這些元素應該堆疊到它父母的最大高度。 – timo

對於高度問題只使用繼承。你使用php嗎？ – Krone

回答