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

标签 html css

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

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

最佳答案

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

希望这对您有所帮助。

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

关于html - 在 div 中分配元素的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44517374/

相关文章:

python - 如何解析表格中的行,这些行不仅由 <td> 单元格组成,而且偶尔还由 <th> 单元格组成?

html - 将 CSS 转换为 HTML

javascript - 使用 Python (Django)、HTML、CSS、Javascript 的响应式导航栏

asp.net - 如何在ASP下拉菜单中设置按钮样式

javascript - 使用bootstrap将数据发送到jsp页面中的模态表单

jquery - 重叠的绝对和/或相对定位的 div

html - html5中的视频全屏

css - Space 将文本移动到新行

中间元素的 CSS 选择器模式

html - 绝对定位的 div 不起作用