CSS3 flex：输入框特定宽度，输入框溢出

Question

有人能否对这种jsFiddle行为有所了解？ http://jsfiddle.net/zZgmn/1/

我想要做的是将input[type=text]框设为特定宽度。但是，如果将flex-direction设置为row，则输入框将拒绝更改大小。

但是，如果将flex-direction设置为column，则可以看到文本框将更改为指定的宽度？

如果我取消宽度，我会想象文本框应该弯曲以填充内容，如果可以的话，但事实并非如此。

我似乎错过了什么。

我尝试了很多变化，但我理解的那个应该用于设置宽度-webkit-flex:0 0 32px;但是这似乎没有任何影响。

修改

此图像显示渲染的输入框。它不是5px宽。

此图像显示输入框应放入其中的父级的渲染弹性区域。

Answer 1

知道了！

所以你必须在输入框中添加一个大小。 <input type="text" size="2" />

希望这有助于某人。