Flex框在Safari 5.1中不起作用

Flex框在Safari 5.1中不起作用

问题描述:

我越来越感到沮丧....使用弹性框为我的表和它的工作伟大是铬和Firefox,但不是在Safari中。我的Safari版本是5.1。我试图通过网络找出解决方案,但是找到了它。大多数人要求使用display:-webkit-box,但它不能工作。任何魔术技巧?????????Flex框在Safari 5.1中不起作用

我已经尝试了几乎所有已通过网络告知的修复。这里是我的代码

.my-table ul li { 
    display: -webkit-flex; 
    display: -webkit-box; 
    display: -ms-flex; 
    display: flex; 
} 
+0

“不工作”不是一个好问题描述。告诉我们你想要发生什么以及发生什么。理想情况下,显示一个屏幕截图,您可以解决问题。最重要的是,提供一个完整的代码片段来展示问题。 –

+0

问题寻求帮助的代码必须包括必要的重现它最短的代码**在问题本身**最好在[**堆栈片段**](https://blog.stackoverflow.com/2014/09/introducing-可运行的JavaScript-CSS-和HTML的代码段/)。参见[**如何创建一个最小的,完整的,并且可验证例如**](http://stackoverflow.com/help/mcve) –

+0

......但没有人使用Safari浏览器5..it是一个死的浏览器。 –

Flexbox的作品以及在Safari 5.1.7

我用了我所有的项目,但我注意到有些弯曲特性没有工作。特别是柔性包装,弯曲方向,弯曲生长等。

display: -webkit-box; 
    display: -moz-box; 
    display: box; 
    display: -webkit-flex; 
    display: -moz-flex; 
    display: -ms-flexbox; 
    display: flex; 
+0

我已经尝试了所有这些,正如我在我的问题中提到的,但所有这些都不起作用。需要一些神奇的修复功能 –

+0

flexbox我相信只支持在Safari 10+上http://caniuse.com/#search=flexbox – Anirudha

+0

@Airirha看看你链接到评论的页面。 Safari v3.1-6部分支持:)某些flexbox属性不起作用。 –