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無法正常工作

回答

相關問題