Safari浏览器显示：内联flex无法正常工作

我坚持Safari浏览器的小问题。我有一个代码：Safari浏览器显示：内联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上使用Web检查器时，它跨越inline-flex和-bekit-inline-flex。只显示什么逗留-MS-直列Flexbox的

来源

2016-10-03 maw2be

哪个版本的Safari？你提到IE，所以我必须问。这是在Windows上吗？ –

我使用safari 5.1.7 for windows。是的，这是在窗户下。 – maw2be

正如我的想法。这是一个旧版本。你可以放心地忽略它。 Safari目前在v10.0。 –

所以我在.social_link类中删除所有的显示，并添加

.social_link a { 
display: inline-block;

}

此帮助

来源

2016-10-03 08:30:33 maw2be

Safari浏览器显示：内联flex无法正常工作

回答

相关问题