IE10 flexbox对齐问题

Question

我在这个小提琴演示的IE10中使用flexbox有问题：https://jsfiddle.net/q49Lfbkg/4/

现在第一个和第二个跨度应该左对齐，第三个跨度右对齐。这在其他浏览器中运行良好，但IE10似乎忽略了增长属性。

我已经调查了flexbugs，但我找不到任何适合我情况的内容。

div {
  display: -ms-flex;
  -ms-flex-direction: row;
  display: flex;
  flex-direction: row;
}

.second {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

<div>
  <span class="first">First</span>
  <span class="second">Second</span>
  <span class="third">Third</span>
</div>

是否有针对此问题的解决方法或我应该不使用flexbox？