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

问题描述

问 题

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

解决方案

可以用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>

这篇关于css - &lt;input&gt; 怎么自动缩放到满行呢？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！