html – CSS插入第4个孩子后休息

目前,此 example显示一个无序列表,其中包含8个列表项.

有没有办法只使用CSS(没有HTML或JavaScript)在第4个li项后插入一个中断.就像是：

ul li:nth-child(4n):after {
    content = '<br>';
}

解决方法

在它之后添加一个块元素： http://jsfiddle.net/M4aV3/1/

ul li:nth-child(4n):after {
    content: ' ';
    display: block;
}

原文地址：https://www.jb51.cc/html/227846.html