javascript - 水平无序列表的新行

Question

我正在尝试用 javascript 构建一个日历，它显示从任何给定日期开始的 5 周。

我生成了一个包含 35 天的无序列表。有没有办法让 css 做一个隐喻 <br>在每第 7 个元素之后，这样周就会相互叠加。我一直在看第 nth-child，但还没有找到如何让它创建一个新行。

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

Answer 1

这是一个简单的例子

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

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

看看这个fiddle .