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

我想在搜索框和搜索按钮之间的所有浏览器（除了Internet Explorer）之间构建搜索页面和对齐方式是正确的。所使用的CSS代码是搜索框和搜索按钮之间的对齐问题

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

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

其所有的权利在Firefox和Chrome ..

http://yfrog.com/e9ncn8j

来源

2012-03-12 Sam

请把你的代码，以便更好地理解 – sandeep 2012-03-12 12:06:22

THR是nthing更多... JST和输入类型的文本和按钮.. – Sam 2012-03-12 12:29:45

看到：

在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>

来源

2012-03-12 13:20:02 Ace

完美对齐;） – Ace 2012-03-12 13:20:30

如果你想设置文本框的WIDTH，只需使用size =“30” gr – Ace 2012-03-12 13:21:37

谢谢.... Thans很多.. – Sam 2012-03-12 16:55:33

u盘垂直对齐4 srchBtn的所有CHILDS。尝试将srchBox & srchBtn放入div中，并为div元素指定垂直对齐。

希望这是个问题

otherwhise尝试垂直对齐：基线

来源

2012-03-12 12:08:05 Ace

ITs不wking ... – Sam 2012-03-12 12:29:22

尝试浮动：留在这两个元素。您可能需要边距设置为0。

来源

2012-03-12 12:55:52

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

回答

相关问题