css里面文本框和按钮对不齐是什么原因
<head><styletype="text/css">body,div,input{margin:0;padding:0;font-size:14px;}.text{w...
<head>
<style type="text/css">
body,div,input{ margin:0; padding:0; font-size:14px;}
.text{width:405px; height:30px; line-height:22px;}
.button{width:120px; height:38px; }
</style>
</head>
<body>
<div class="div">
<input type="text" class="text";/>
<input type="button" class="button" value="百度一下" />
</div>
</body>
为什么在360里预览就是对齐的，在IE就是按钮往上一点，对不齐呢？怎么调整？谢谢 展开
<style type="text/css">
body,div,input{ margin:0; padding:0; font-size:14px;}
.text{width:405px; height:30px; line-height:22px;}
.button{width:120px; height:38px; }
</style>
</head>
<body>
<div class="div">
<input type="text" class="text";/>
<input type="button" class="button" value="百度一下" />
</div>
</body>
为什么在360里预览就是对齐的，在IE就是按钮往上一点，对不齐呢？怎么调整？谢谢 展开
4个回答
展开全部
<style type="text/css">
body,div,input{margin:0;padding:0;font-size:14px;}
input{border:none;float:left;}
.text{width:405px;height:38px;background:#666;line-height:22px;}
.button{width:120px;height:38px;}
</style>
<div class="div">
<input type="text" class="text";/>
<input type="button" class="button" value="百度一下" />
</div>
更多追问追答
追问
你的方法确实对齐了。。就是加了漂浮之后，我下面的div都占用到文本框和按钮那一行去了。。o(╯□╰)o我慢慢做吧 初学css伤不起啊
追答
后面加个
已赞过
已踩过<
你对这个回答的评价是？
展开全部
再把文本框和按钮放在表格中就可以了
追问
这是一个大工程。。哎好吧还是谢谢你 我去试一下
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
两个都要float:left
这样顶部就可以对齐了
这样顶部就可以对齐了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
div 的css加上 vertical-align:middle
更多追问追答
追问
追答
div,input {vertical-align:middle}
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
