Safari display: inline-flex не работает

Я застрял с маленькой проблемой с сафари. У меня есть код:Safari display: inline-flex не работает

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

на Chrome, IE, FF это иконки рядные, горизонтальные. но в Safari они устанавливают вертикальные, складывают один друг на друга. Я нашел подобную проблему в stackoverflow, но это не помогает. Может быть, у вас есть некоторый опыт в этой проблеме? Когда я использую веб-инспектор на Safari, он пересекает inline-flex и -bekit-inline-flex. показывать только то, что пребывание -ms-рядный Flexbox

источник

2016-10-03 maw2be

Какая версия Safari? Вы упоминаете IE, поэтому я должен спросить. Это в Windows? –

Я использую сафари 5.1.7 для окон. Да, это под окнами. – maw2be

Как я и думал. Это старая версия. Вы можете смело игнорировать его. Safari в настоящее время находится на уровне 10.0. –

Так я удаляю в классе .social_link все отображения и добавить

.social_link a { 
display: inline-block;

}

Эта помощь

источник

2016-10-03 08:30:33 maw2be

Safari display: inline-flex не работает

ответ

Смежные вопросы