css中的 text和button的问题。
？？button和text为什么不对齐。一上一下。两个中间还有间隙？？<!DOCTYPE><html><head><title></title><styletype="t...
？？button和text为什么不对齐 。一上一下。两个中间还有间隙？？
<!DOCTYPE>
<html>
<head><title></title>
<style type="text/css">
*{margin:0 0;}
div{background:#000000;}
.text{width:220px;height:30px;border:0;}
.button{width:80px;height:30px;border:0;background:red;}
-->
</style>
</head>
<body>
<div >
<input class="button" name="button" type="button" >
<input class="text" name="text" type="text" class="text1">
</div>
</body>
</html> 展开
<!DOCTYPE>
<html>
<head><title></title>
<style type="text/css">
*{margin:0 0;}
div{background:#000000;}
.text{width:220px;height:30px;border:0;}
.button{width:80px;height:30px;border:0;background:red;}
-->
</style>
</head>
<body>
<div >
<input class="button" name="button" type="button" >
<input class="text" name="text" type="text" class="text1">
</div>
</body>
</html> 展开
2个回答
展开全部
//浮动就没问题了
div{background:#000000; overflow:hidden}
.text{width:220px;height:30px;border:0;float:left}
.button{width:80px;height:30px;border:0;background:red;float:left}
追问
我想知道 为什么会这样？？
追答
是因为input 标签初始属性设置的问题，而且每个浏览器都还不一样！当然具体数值或具体设置了哪些，得去查查w3c的标准或者浏览器开发商的技术文档了！
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
*{margin:0;padding: 0;}
div{background:#000000; vertical-align: }
.text{width:220px;height:30px;border:0;}
.button{width:80px;height:30px;border:0;background:red;}
input{
float: left;
}
.clearfix{
*zoom:1;
}
.clearfix:after{
content: " ";
height: 0;
display: block;
clear: both;
}
</style>
</head>
<body>
<div class="clearfix">
<input class="button" name="button" type="button" >
<input class="text" name="text" type="text" class="text1">
</div>
</body>
</html>
<html>
<head>
<title></title>
<style type="text/css">
*{margin:0;padding: 0;}
div{background:#000000; vertical-align: }
.text{width:220px;height:30px;border:0;}
.button{width:80px;height:30px;border:0;background:red;}
input{
float: left;
}
.clearfix{
*zoom:1;
}
.clearfix:after{
content: " ";
height: 0;
display: block;
clear: both;
}
</style>
</head>
<body>
<div class="clearfix">
<input class="button" name="button" type="button" >
<input class="text" name="text" type="text" class="text1">
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
