Safari 디스플레이 : 인라인 플렉스가 작동하지 않음

Question

사파리로 작은 문제가 붙어 있습니다. FF이 아이콘, 인라인 수평, 크롬, IE에

<div class="row social_link"> 
    <a><img></a> 
    <a><img></a> 
    <a><img></a> 
    <a><img></a> 
</div> 

.social_link { 
    display: inline-flex; 
    display: -webkit-inline-flex; 
    display: -ms-inline-flexbox; 
    margin-top: 0 !important; 
    float: right; 
    padding-right: 15px; 
} 

.social_link img { 
    height: 40px; 
    width: 40px; 
} 

: 가 나는 코드가 있습니다. 하지만 Safari에서는 수직으로 설정하고 서로 쌓습니다. stackoverflow 비슷한 문제가 발견되었지만이 도움이되지 않습니다. 어쩌면이 문제에 대한 경험이있을 것입니다. Safari에서 웹 속성을 사용할 때 인라인 - 플렉스 및 베크 인라인 플렉스를 건너 뜁니다. 단지 숙박 그래서 모든 디스플레이 클래스 .social_link에서 제거하고 추가 -ms-인라인 인 flexbox

Answer 1

무엇인지 표시

.social_link a { 
display: inline-block; 

}

이 도움말