码迷,mamicode.com
首页 > 其他好文 > 详细

连续input在同一行对齐问题

时间:2014-11-17 10:31:35      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   ar   sp   div   on   2014   

今天遇到这个问题,我是想达到这个效果:

bubuko.com,布布扣

写了如下代码:

<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下显示是这样:

bubuko.com,布布扣

搜索框和按钮之间有个间距,怎么也拿不掉。

在chrome下是显示这样:

bubuko.com,布布扣

把你们放一块还若即若离同行不同心是什么意思。

尝试margin、padding等方法也不能解决窜位的问题。

最后给两个input加了个浮动,问题解决。

连续input在同一行对齐问题

标签:style   blog   http   color   ar   sp   div   on   2014   

原文地址:http://www.cnblogs.com/xumingsong/p/4102969.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!