html - 在 div 中分配元素的大小

Question

我想在旁边显示输入的单位。当 div 的大小发生变化时，我不希望单位“g”进入下一行。输入应使用 div 内的所有剩余空间，只要这不会导致换行即可。

<div style="width:100px">
  <input type="number" />
  g
</div>

Answer 1

只需使用 display:flex 并用 div 标签包围内部元素。您可以在 Mother Google 上找到有关 flex 的更多信息。

希望这对您有所帮助。

<div style="width:100px;display:flex;">
    <div><input type="number" /></div>
    <div>g</div>
</div>