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

发布时间：2020-12-14 23:50:36 所属栏目：资源来源：网络整理

导读：目前,此 example显示一个无序列表,其中包含8个列表项. 有没有办法只使用CSS(没有HTML或JavaScript)在第4个li项后插入一个中断.就像是： ul li:nth-child(4n):after { content = 'br';} 解决方法在它之后添加一个块元素： http://jsfiddle.net/M4aV3/1/ ul l

目前,此 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;
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!