Flexbox - IE 10-11无论内容如何，都不会使列的宽度相等

Question

此方法适用于Chrome、Safari和FF，但不适用于IE。

我有一个表格布局，我需要宽度等于相同的宽度，而不管里面的内容。为了在其他浏览器中做到这一点，我向元素添加了属性flex: 1 1 0；。

但是，当我在IE中查看它时，它仍然没有对齐。我读到IE中的默认值是不同的，所以我尝试添加值1 0 0，而不是看看这是否会改变事情，但没有成功。

有没有其他人在flex: 1中遇到过类似的问题，他们已经通过使用前缀解决了这个问题？

标签

Answer 1

使用属性

justify-content: flex-start | flex-end | center | space-between | space-around

.flex-item {
  justify-content: space-between; or /* space-around */
}

Refer