html - 第 4 个孩子之后的 CSS 插入中断

Question

目前，此示例显示了一个无序列表，其中包含 8 个列表项。

li有没有办法只使用 CSS（没有 HTML 或 JavaScript）在第 4项之后插入中断。就像是：

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

Answer 1

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

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

Answer 2

您还可以使用中断字符：

li:nth-child(4n):after {
   content: '\a';
   white-space: pre;
}

http://jsfiddle.net/00woyu28/