flex-basis：自动在IE11中不起作用

Question

我有3个宽度不同的div，我想使用flexbox缩小到容器中。

摆弄小提琴：https://jsfiddle.net/easyNick/1m8ude39/14/

CSS看起来像这样：

.child {
 order: 0;
 flex-grow: 0;
 flex-shrink: 1;
 flex-basis: auto;
 min-height: auto;
 min-width: auto;
 align-self: auto;
 position: relative;
 display: block;
 padding: 0 0.25rem;
}

在Chrome浏览器中非常有用。

但是IE 11将flex-basis视为宽度，并且最后一个div甚至不适合容器：

.child {
 order: 0;
 flex-grow: 0;
 flex-shrink: 1;
 width: auto;
 min-height: auto;
 min-width: auto;
 align-self: auto;
 position: relative;
 display: block;
 padding: 0 0.25rem;
}

我发现了一些将flex-basis设置为某个百分比数字的建议。但是100％不能满足我的需求。

设置特定值会使布局不灵活。

有什么有用的想法吗？

Answer 1

if(!std::strcmp(*arg, "--help")) print_help_info(); wont work on the IE11。

  

但是您可以使用此CSS规则定位Flex-basis属性。试试这个

flex-basis