flex布局不兼容ie怎么設(shè)置？以下瀏覽器支持flex布局ie10、edge、Firefox 2、chrome 4、Safari 3.1以下瀏覽器支持標準flex布局（無需添加私有屬性前綴）edge、

flex布局不兼容ie怎么設(shè)置？

以下瀏覽器支持flex布局

ie10、edge、Firefox 2、chrome 4、Safari 3.1

以下瀏覽器支持標準flex布局（無需添加私有屬性前綴）

edge、Firefox 28、chrome 29、Safari 9

數(shù)據(jù)來自caniuse

事實上，要使多個瀏覽器與flexbox容器樣式兼容，可以使用以下CSS樣式來定義。柔性容器{顯示：-moz-box/*火狐*/顯示：-ms flexbox/*IE10*/顯示：-webkit框/*野生動物園*/顯示：-webkit flex/*Chrome，網(wǎng)絡(luò)工具包*/顯示：boxdisplay：柔性連接顯示：flexwidth:100% 高度：地面顏色優(yōu)先首先，你需要知道自動什么已設(shè)置。Flex是Flex grow、Flex shrink和Flex Base的縮寫。

默認情況下，flex的值為0.1 auto，即子元素不放大，當父元素空間不足，子元素占用的空間為其自身大小時，子元素會縮小。

柔性：自動和彈性：11自動是等效的。也就是說，當父元素有額外的空間時，子元素將被放大。但這只是水平放大，與高度無關(guān)。

您可以將父元素的align項設(shè)置為try，或者查看set屬性是否被更高優(yōu)先級覆蓋。

怎么讓多瀏覽器兼容flexbox容器樣式？

柔性對齊：默認設(shè)置垂直對齊。這些值是“開始”、“結(jié)束”、“中心”、“拉伸”和“基線”。Flex-Pack：設(shè)置如何在子元素之間分配額外的空間。值：開始、結(jié)束、居中、對齊。彈性方向：設(shè)置子元素的排列、行、行反轉(zhuǎn)、列、列反轉(zhuǎn)。Flex Wrap：設(shè)置子元素是否自動環(huán)繞并排列方向。值為nowrap、wrap和wrap reverse。-MS flex：設(shè)置子元素的彈性。參數(shù)為正彈性、負彈性和默認尺寸。其實，玩布局還有很多新方法。你可以看看相關(guān)的教程。例如，有一個名為buid new world的視頻系列，其中有一集專門介紹CSS3的復雜布局