Flexbox 与 IE10 结合使用：当我将 children 包装在 div 和 href 容器中时不起作用

Question

在 IE10 中，当我将 children 包装在 div 和 href 容器中时，children 显示在列而不是行中。所有其他浏览器都可以工作。我不知道该怎么办。有人可以对此有所启发吗？

HTML:

    <div id="container">
      <a class="item_container1">
       <div class="item_container2">
         <img src="http://placehold.it/250x200">
       </div>
      </a>
      <a class="item_container1">
       <div class="item_container2">
         <img src="http://placehold.it/250x200">
       </div>
      </a>
      <a class="item_container1">
       <div class="item_container2">
         <img src="http://placehold.it/250x200">
       </div>
      </a>
    </div>

CSS:

    #container {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;

      -ms-flex-flow: row wrap;
      -webkit-flex-flow: row wrap;
      flex-flow: row wrap;
    }

代码笔：http://codepen.io/LeMiguel72/pen/wWGEmq

Answer 1

想通了。 a元素需要显示为块。

a {
  display: block;
}

Flexbox 与 IE10 结合使用：当我将 children 包装在 div 和 href 容器中时不起作用

Flexbox in combination with IE10: doesn't work when I wrap the children in a div and a href container

css

flexbox

internet-explorer-10