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

您的代码中有空格，并且您的input元素设置为显示为inline-block并且未正确浮动。这就是造成Dev Tools中没有显示的额外空间的原因。

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

请在此处查看：http://www.bootply.com/ZIsn1phtco

我的搜索栏表现得很奇怪

1 个答案: