水平無序列表的新行

Question

我想在任何給定的日期顯示5個星期的JavaScript中建立一個日曆。

我已經生成了一個35天的無序列表。有沒有什麼辦法可以讓css在每個第七項之後做一個隱喻性的<br>，這樣幾周之間就會相互疊加起來。我一直在看孩子，但還沒有找到如何使它創造一個新的行。

是的，這可以用一個簡單的JavaScript循環來完成，但我更喜歡CSS解決方案。

Answer 1

這是一個簡單的例子

ul { 
    display: inline-block; 
    width: 100%; 
} 

li { 
    float: left; 
    width: 10%; 
} 
li:nth-child(7n + 1) { 
    clear: both; 
} 

看這個fiddle。