html – Flex-wrap：Edge中的wrap-reverse

概述在以下示例中,flex项从包装器的右上角开始流动： div { outline: 1px solid teal;}#wrap { width: 400px; height: 200px; display: flex; flex-direction: column; flex-wrap: wrap-reverse;}#wrap div { width: 50p 在以下示例中,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>

但这就是我在Edge中看到它们的方式：

并且有flex-direction：row;它们看起来像这样：

但这就是他们在Edge中的样子：

Edge表现正常吗？

解决方法 Edge在2016年4月的版本中似乎有 this bug.

在报告中(2017年3月29日),从版本15063开始,此错误已得到修复.

旁注：似乎固定版仅作为InsIDer PrevIEw发布,但是本月(2017年4月)发布的Creators Update,都应该得到它

总结

以上是内存溢出为你收集整理的html – Flex-wrap：Edge中的wrap-reverse全部内容，希望文章能够帮你解决html – Flex-wrap：Edge中的wrap-reverse所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。