我有一个HTML div,其中包含标签和输入文本。我希望标签占用最小的空间,并为文本输入提供剩余的空间。换句话说,一旦标签占据了它的空间,我希望文本输入水平拉伸到它所包含的div的末尾。这是我正在使用的示例代码。
<div>
<label >Some Label</label> <!--Should take minimum space -->
<input type="text"/> <!--Should stretch horizontally to fill up entire div -->
</div>
答案 0 :(得分:1)
不完美但你可以尝试在那里实施
我找到了这段代码
<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%
}