我的搜索栏显示奇怪

Question

我似乎无法弄清楚为什么我的搜索按钮跳转到第二行。据我所知，我只把它设置为一行（45px）厚，而忽略了这一点。请帮助？

http://www.bootply.com/EwP07rHc52

忘了补充我使用的积极改变按钮外观的脚本。

$(document).ready(function(){ 
     // select element styling 
     $('select.select').each(function(){ 
      var title = $(this).attr('title'); 
      if($('option:selected', this).val() != '' ) title = $('option:selected',this).text(); 
      $(this) 
       .css({'z-index':10,'opacity':0,'-khtml-appearance':'none'}) 
       .after('<span class="select">' + title + '</span>') 
       .change(function(){ 
        val = $('option:selected',this).val(); 
        $(this).next().text(val); 
        }) 
     }); 
}); 

Answer 1

您在代码中有空格，你的输入元素被设置为显示为inline-block和无法正常浮动。这就是导致在Dev Tools中没有显示的额外空间的原因。

如果您将float: center更改为float: left那个.summonerSearch元素，那就没问题了。

见这里：http://www.bootply.com/ZIsn1phtco