2015-04-07 39 views
0

我一直在嘗試使用「display:flex」,它適用於較新版本的瀏覽器,但無法使其適用於舊版本。我試圖使用「display:box」屬性作爲後備,但即使它不起作用。如何在舊版本的Firefox和Chrome上使用「display:flex」css屬性?

#flexSampleDiv{ 
     display: flex; 
     display: -webkit-flex; 
     flex-flow: row wrap; 
     -webkit-flex-flow: row wrap; 
     justify-content: flex-start; 
     align-content: flex-start; 
     align-items: stretch; 
    } 

而且是我講的多彎曲即,應該可以用「柔性包裝:包裝」,這在上面的代碼塊來在「柔性流動:行包」屬性。

+0

你能粘貼一些你的html或css嗎? –

+0

你試過什麼瀏覽器,版本是什麼?僅在IE> = 10,FF> = 31和Chrome> = 31版本中才支持CSS Flexbox。您可以在這裏查看完整的支持版本http://caniuse.com/#search=flexbox – Diptendu

+0

是的它確實工作在Firefox 27以上,以上鉻31,但我想知道是否有某種方式可以工作舊的瀏覽器,至少在Firefox 18或以上。 –

回答

0

僅瞭解如何使用當前/新標準柔性盒屬性並讓工具爲您完成工作。我使用AutoPrefixer工具。

相關問題