Flex的包裝：在邊緣

在下面的示例中，柔性的項目開始從包裝的右上角流動包裹式反向：Flex的包裝：在邊緣

div { 
 
    outline: 1px solid teal; 
 
} 
 

 
#wrap { 
 
    width: 400px; 
 
    height: 200px; 
 
    display: flex; 
 
    flex-direction: column; 
 
    flex-wrap: wrap-reverse; 
 
} 
 

 
#wrap div { 
 
    width: 50px; 
 
    height: 50px; 
 
}

<div id="wrap"> 
 
    <div>1</div> 
 
    <div>2</div> 
 
    <div>3</div> 
 
    <div>4</div> 
 
    <div>5</div> 
 
    <div>6</div> 
 
</div>

但是，這是我怎麼看到他們在邊緣：

而且隨着flex-direction: row;他們看起來像這樣：

但是，這是他們如何看在邊緣：

EDGE是正確的行爲？

來源

2017-04-07 Mori

對於我來說，它在Edge和Chrome中包含了相同的內容......您使用哪個Edge版本？ – LGSon

如果您在flex容器中添加了「justify-content：flex-end」或「align-items：flex-end」，該怎麼辦？ – LGSon

Edge在2016年4月發佈的版本中似乎存在此錯誤：https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/7311857/ – LGSon

邊緣似乎有this bug在年4月的一個版本，2016年

在它的陳述（在2017年3月29日）的報告，從版本15063這個bug已經修復。

邊注：還可以看出，固定一個只被釋放的內幕預覽，但自帶本月（四月，2017）的創作者更新，都應該得到它

來源

2017-04-07 08:04:52 LGSon

Flex的包裝：在邊緣

回答

相關問題