使用内联元素列表清除行，伪在Safari中不起作用

我创建了一个包含内联元素的列表，以便将它们定位在水平方向上的多行中。尽管下面的代码在Chrome和Firefox中可用，但伪属性在Safari中不起作用。有没有解决方法，或者我需要一个不同的方法？（注：不格式化）使用内联元素列表清除行，伪在Safari中不起作用

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; 
}

来源

2013-05-29 Staffan Estberg

它也不会在IE浏览器在所有的工作。你可以使用JS来做到这一点。 – user1721135

在IE9中支持第n个孩子，这是我在这种情况下对IE的唯一要求。 –

如果您正在回答自己的问题，请使用下面的答案。否则，这看起来像一个没有答案的问题。 – cimmanon

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

来源

2013-05-29 21:32:26

使用内联元素列表清除行，伪在Safari中不起作用

回答

相关问题