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

前端之家收集整理的这篇文章主要介绍了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;
}

猜你在找的HTML相关文章