css - 使用内联元素列表清除行，伪在 Safari 中无效

Question

我创建了一个包含内联元素的列表，以便将它们水平居中放置在多行上。虽然下面的代码在 Chrome 和 Firefox 中有效，但 pseudo 属性在 Safari 中不起作用。是否有解决方法或者我需要不同的方法？（注：LESS 格式）

ul {
    margin: 0 auto;
    text-align: center;
    li {
        display: inline;
        &:nth-child(4):after {
            content: '';
            display: block;
        }
    }
}

编辑：找到解决方案 -

&:nth-child(4):after {
     content: '\a';
     display: block;
     white-space: pre;
}

Answer 1

&:nth-child(4):after {
     content: '\a';
     display: block;
     white-space: pre;
}