Question

我坚持使用safari的小问题。我有一个代码：

<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-inline-flexbox

Answer 1

所以我在班级.social_link中删除所有显示并添加

.social_link a {
display: inline-block;

}

此帮助

Safari显示：inline-flex无法正常工作

1 个答案: