Javascript 如何在div中内联放置按钮和搜索输入
我正在尝试做一个搜索栏。如何使“go”按钮和搜索输入内联?我已经把我的代码放在下面,但我不确定错误在哪里Javascript 如何在div中内联放置按钮和搜索输入,javascript,html,css,jquery-mobile,Javascript,Html,Css,Jquery Mobile,我正在尝试做一个搜索栏。如何使“go”按钮和搜索输入内联?我已经把我的代码放在下面,但我不确定错误在哪里 走! 代码工作正常 如果您希望它是准确的,删除子包装div,使按钮20px并使用display:inline flex;而不是内联。jQM将输入包装在一个div中。您可以使用属性将css类分配给包装器: <div style="float:right;display:inline;"> <div> <button class="ui-
走!
代码工作正常
如果您希望它是准确的,删除子包装div,使按钮20px并使用display:inline flex;而不是内联。jQM将输入包装在一个div中。您可以使用属性将css类分配给包装器:
<div style="float:right;display:inline;">
<div>
<button class="ui-btn ui-corner-all ui-btn-inline ui-mini btnclass">GO!</button>
<input name="searchword" id="search" value="" placeholder="Placeholder text..." type="search" data-wrapper-class="inputWrap" />
</div>
</div>
.inputWrap {
display: inline;
float: left;
margin-right: 4px;
}
.btnclass {
margin-top: 8px;
height: 37px;
}
走!
.输入包裹{
显示:内联;
浮动:左;
保证金权利:4px;
}
.btnclass{
边缘顶部:8px;
高度:37像素;
}
除了轻微的高度差异,你当前的代码有什么问题?Marc Audet,我也是我不明白,搜索按钮移动到下一行,我希望它们都在同一行我认为删除按钮上的填充和边距可以解决问题,高度略有差异的原因是浏览器无法准确渲染。它们的渲染方式都不同,因此始终至少设置按钮高度。