인라인 요소 목록이있는 행을 지우면 사파리에서는 의사가 아무 효과가 없습니다.

Question

인라인 요소가 여러 줄에 걸쳐 가운데에 배치되도록 목록을 만들었습니다. 아래 코드는 Chrome 및 Firefox에서 작동하지만 가상 속성은 Safari에서 적용되지 않습니다. 이 문제를 해결할 수있는 방법이 있습니까? 아니면 다른 방법이 필요합니까? (참고 : LESS 형식)

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

편집 : 발견 솔루션 - 그것은 또한 모든 IE에서 작동하지 않습니다

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

Answer 1

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