IE10과 함께 Flexbox가 작동하지 않습니다. div 및 href 컨테이너에서 자식을 래핑 할 때 작동하지 않습니다.

Question

IE10에서는 div 및 href 컨테이너에서 자식을 래핑 할 때 자식이 대신 열에 표시됩니다. 행. 다른 모든 브라우저가 작동합니다. 나는 이것에 대해 무엇을해야할지 모른다. 누군가 이것에 대해 약간의 빛을 비출 수 있습니까?

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; 
    } 

Codepen : http://codepen.io/LeMiguel72/pen/wWGEmq

Answer 1

이 그것을 알아 냈다. a 요소는 블록으로 표시되어야합니다.

a { 
    display: block; 
}