700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 解决input输入框与select下拉框水平不对齐

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

时间:2020-05-06 19:38:48

相关推荐

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

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;

设置输入框与下拉框间距。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。