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的包装：在边缘

回答

相关问题