水平无序列表的新行

Question

我正在尝试使用javascript构建日历，该日历显示任意日期的5周。

我已经生成了一个35天的无序列表。有没有办法让css在每第7个项目之后做一个隐喻<br>，这样就可以将周数叠加在一起。我一直在寻找n-child但是还没有找到如何让它创建一个新行。

是的，这可以通过简单的javascript循环完成，但我更喜欢CSS解决方案。

Answer 1

这是一个简单的例子

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

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

看看这个fiddle。