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

我有一个 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 class="notificationArea">
    <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%
}

相关文章

vue阻止冒泡事件 阻止点击事件的执行 &lt;div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些