如何使一个灵活的项目填补剩余的空间？

Question

嘿，伙计们，我在为一个网站做求职申请表。我使用flexbox进行布局，但是在<div class="row row-9">上，我有一个位于左侧的label元素，右侧有一个输入元素。我使用justify-content: space-between;将它们分开。但是，我希望输入字段能够扩展，以填充所有的空空间。我会用宽度属性来做这个吗？另外，我甚至把这个表单做对了，我有很多css规则，只有一个属性，而且html看起来也不太好。我以前只做过另一种形式。(谢谢你的帮助：)

https://jsfiddle.net/wpm1crtz/1/

Answer 1

输入{ flex:2 }

或者，无论您想要输入的宽度如何。例如，如果你把flex:2，它将基本上占66%的行，flex:1将占50%，等等。