CSS3 flex:输入框特定宽度,输入框溢出

CSS3 flex:输入框特定宽度,输入框溢出,css,google-chrome,flexbox,Css,Google Chrome,Flexbox,有人能解释一下这种行为吗 我想做的是将输入[type=text]框设置为特定宽度。但是,当“弯曲方向”设置为“行”时,输入框拒绝更改大小 但是,如果将“弯曲方向”设置为“列”,则可以看到文本框将更改为指定的宽度 如果我去掉宽度,我会想象文本框应该可以弯曲以填充内容,但事实并非如此 我好像错过了什么 我已经尝试了许多变体,但我知道设置宽度的一个变体是-webkitflex:0 32px但这似乎没有任何关系 编辑 此图显示渲染的输入框。它不是5px宽。 此图显示了父对象的渲染弹性区域,输入框应放在

有人能解释一下这种行为吗

我想做的是将
输入[type=text]
框设置为特定宽度。但是,当“弯曲方向”设置为“行”时,输入框拒绝更改大小

但是,如果将“弯曲方向”设置为“列”,则可以看到文本框将更改为指定的宽度

如果我去掉宽度,我会想象文本框应该可以弯曲以填充内容,但事实并非如此

我好像错过了什么

我已经尝试了许多变体,但我知道设置宽度的一个变体是
-webkitflex:0 32px但这似乎没有任何关系

编辑

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

此图显示了父对象的渲染弹性区域,输入框应放在该区域内。 明白了

因此,您必须为输入框添加一个大小<代码>

希望这对某人有所帮助。

明白了

因此,您必须为输入框添加一个大小<代码>


希望这对某人有所帮助。

似乎数字输入元素比尝试创建自己的(
)更合适。似乎数字输入元素比尝试创建自己的(
)更合适。谢谢!这就结束了一些令人沮丧的故障排除。谢谢!这就结束了一些令人沮丧的故障排除。