如何使弹性项目填充剩余空间？

Question

嘿，我正在为网站制作一份工作申请表。我正在使用flexbox进行布局，但是在<div class="row row-9">上，我有一个标签元素位于左侧，一个输入元素位于右侧。我正在使用justify-content: space-between;将它们分开。但是我希望输入字段可以扩展以填充所有空白空间。我会用width属性吗？我什至正确地编写了这种表格吗，我有许多具有一个属性的css规则，而html也不是很好。我以前只做过一种形式。感谢您的帮助：）

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

Answer 1

输入{ 弹性：2 }

还是宽度您要输入。 例如，如果您放置flex：2，它将基本上占据该行的66％， flex：1将占50％，等等。