<input> 怎么自动缩放到满行呢？

Question

就算是这个输入框,怎么让他向右顶到复边框变呢,需要加个什么css样式呢？

Answer 1

可以用flex box或者用display:table-cell。也可以左边的label float left,右边的input放在disply block, overflow hidden的span里，width用100%。

如：
<div>

<span style="float: left;">Label:</span>
<span style="display: block;overflow: hidden;">
    <input style="width: 100%;">
</span>

</div>

Answer 2

左右分别设置百分比，右侧内部的input设置 width:100%

Answer 3

这种固定左边宽度的话，会好看一些，右边input加100%宽