Logo
技术 C#

解决input输入框与select下拉框水平不对齐

photo
Pastore Antonio

2022年04月29日

1、试了下其他帖子说的在select里面加 style=“vertical-align: middle”,没有效果,请教了一下前端同事,解决了。
<div class="xxxx">
    <input id="aaaa" value="嘿嘿嘿嘿" style="width: 300px;height: 35px;float: left;">
    <select id="bbbb"  style="width: 300px;height: 35px;float: left;margin-left: 20px">
        <option value="0" selected="selected">哈哈哈哈</option>
    </select>
</div>

(1)都添加:float: left;
达到水平对齐效果;
(2)select添加:margin-left: 20px;
设置输入框与下拉框间距。

本文为原创文章,请注意保留出处!
修复群晖Synology Drive client右键菜单缺失问题 Local, clean & environmental 作者:Pastore Antonio
1808 浏览量
1785 浏览量
configure: error: Package requirements (oniguruma) were not met Local, clean & environmental 作者:Pastore Antonio
1526 浏览量
Adobe Acrobat Pro 激活 Local, clean & environmental 作者:Pastore Antonio
1522 浏览量
追寻日出,找回自己 Local, clean & environmental 作者:Pastore Antonio
1489 浏览量