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

2023年2月27日 316次阅读

在以下示例中,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中看到它们的方式：

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

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

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

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

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

Edge表现正常吗？

最佳答案 Edge在2016年4月的版本中似乎有
this bug.

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

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

点赞