javascript - 水平无序列表的新行

原文 标签 javascript html css css-selectors

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

我已经生成了35天的无序列表。有没有办法让CSS在每第7个项目之后做一个隐喻的<br>,这样几周就可以相互叠加了。我一直在看nth-child,但还没有找到如何使其创建新行的方法。

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

最佳答案

这是一个简单的例子

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

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


看这个fiddle

关于javascript - 水平无序列表的新行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21355148/

相关文章:

javascript - 简单的移动jQuery下拉菜单不适用于移动设备

javascript - 无法从 getElementsByClassName 创建单击事件处理程序

javascript - 使用CSS3或JavaScript单击时,如何“突出显示”此CSS按钮?

html - 如何根据父高度CSS子元素高度?

css - WordPress的图像路径不起作用?

javascript - 集合指令中元素指令的包装模板

javascript - Node :res.download下载空的压缩文件夹

javascript - 屏幕截图未发送到钛中的电子邮件

javascript - 数据表中特定列的下拉过滤器

java - Rad上传Java Applet和Z-index