首页 > 代码库 > 连续input在同一行对齐问题
连续input在同一行对齐问题
今天遇到这个问题，我是想达到这个效果：
写了如下代码：
<style>input{ outline:none; margin:0; padding:0;}#serch_box{ width:210px; height:38px; border:1px solid #ccc; border-right:none;}#serch_btn{ background:url(index/images/serch_btn.png); width:104px; height:40px; border:none;}</style></head><body><input id="serch_box" type="text" /><input id="serch_btn" type="button" /></body>
该代码在FireFox下显示是这样：
搜索框和按钮之间有个间距，怎么也拿不掉。
在chrome下是显示这样：
把你们放一块还若即若离同行不同心是什么意思。
尝试margin、padding等方法也不能解决窜位的问题。
最后给两个input加了个浮动，问题解决。
连续input在同一行对齐问题
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。