html – 拉伸输入文本以填充它所包含的部分

概述我有一个 HTML div,其中包含标签和输入文本.我希望标签占用最小的空间,并为文本输入提供剩余的空间.换句话说,一旦标签占据了它的空间,我希望文本输入水平拉伸到它所包含的div的末尾.这是我正在使用的示例代码. <div> <label >Some Label</label> <!--Should take minimum space --> <input type="tex 我有一个 HTML div,其中包含标签和输入文本.我希望标签占用最小的空间,并为文本输入提供剩余的空间.换句话说,一旦标签占据了它的空间,我希望文本输入水平拉伸到它所包含的div的末尾.这是我正在使用的示例代码.

<div>    <label >Some Label</label>  <!--Should take minimum space -->    <input type="text"/>        <!--Should stretch horizontally to fill up entire div --> </div>

解决方法 demo here

不完美,但你可以尝试实现

我找到了这段代码

<div >    <label >Some Label</label>      <input type="text"/></div>

在这里

.notificationArea{    wIDth: 100%;    vertical-align: left;    text-align:left;    background: #ccc;    display: table;}.notificationArea label,.notificationArea input {    display: table-cell}.notificationArea input {    wIDth: 100%}

总结

以上是内存溢出为你收集整理的html – 拉伸输入文本以填充它所包含的部分全部内容，希望文章能够帮你解决html – 拉伸输入文本以填充它所包含的部分所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。