Question

我正在尝试构建搜索页面，并且除了Internet Explorer之外，所有浏览器中的搜索框和搜索按钮之间的对齐方式都是正确的。使用的CSS代码是

#srchBox {height:25px;width:400px;margin-top:15px;margin-bottom:5px;}

#srchBtn{height:32px; width:100px; vertical-align:middle;}

在firefox和chrome中没问题。

Answer 1

你设置垂直对齐4 srchBtn的所有CHILDS。试着把srchBox＆amp;在div中使用srchBtn并为div元素提供垂直对齐。

希望这是问题

otherwhise尝试vertical-align：baseline

Answer 2

在两个元素上尝试float：left。您可能需要将边距设置为0.

Answer 3

看到：

在IE9，FF8和Chrome中测试

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
    <div style="background-color:#DDDDDD">
        <input type="text"><input type="button" value="search">
    </div>
</body>
</html>

搜索框和搜索按钮之间的对齐问题

3 个答案: