Logo

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

photo

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;
设置输入框与下拉框间距。

橙子主题打折出售

其实我不卖,主要是这里是放广告的,所以就放了一个
毕竟主题都没做完,卖了也是坑.

购买它
所有附件
该文章没有附件.
本文为原创文章,请注意保留出处!

热门文章

WordPress 后台编辑器样式实现直接预览 在WordPress3.0以后,有一个新的实用功能:你可以更改默认后台编辑器(TinyMCE)的样...WordPress后台编辑器样式实现直接预览 作者:Pastore Antonio
1513 浏览量
【干货】Chrome插件(扩展)开发全攻略 写在前面我花了将近一个多月的时间断断续续写下这篇博文,并精心写下完整demo,写博客的辛苦大家懂的...【干货】Chrome插件(扩展)开发全攻略 作者:Pastore Antonio
1471 浏览量
memcached 处理 多端口:https://blog.csdn.net/Erica_1230/article/deta...memcached处理 作者:Pastore Antonio
1459 浏览量
使用Nginx+WordPress搭建个人网站 背景很多研究技术的朋友喜欢写博客。如果希望搭建一个完全属于自己的网站,也并不困难。这里简要分享一下...使用Nginx+WordPress搭建个人网站 作者:Pastore Antonio
1432 浏览量
wordpress学习五: 通过wordpress_xmlrpc的python包远程操作wordpress wordpress提供了丰富的xmlrpc接口api来供我们远程操控wp的内容。伟大的开源社区有人就...wordpress学习五:通过wordpress_xmlrpc的python包远程操作wordpress 作者:Pastore Antonio
1417 浏览量