所有元素足够接近
所有元素足够接近
提问于 2011-07-19 20:29:32
我需要在红色箭头下对齐元素，在黑色箭头指向的元素下面。换句话说，我如何使元素足够接近输入，如2-5px。
http://i.stack.imgur.com/Q4IeX.png
代码在这里
CSS
form.loginform
{
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 16px;
border-radius: 10px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
div.divbg
{
width: 200px;
height: 167px;
position: fixed;
text-align: center;
vertical-align: middle;
margin-top: 30%;
margin-left: 40%;
background-color: aliceblue;
}
a.register
{
font-family: Geneva,Arial,Helvetica,sans-serif;
font-size: 11px;
}
#pass
{
float: inherit;
margin: 0;
} HTML
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel=StyleSheet href="loginstyle.css" type="text/css" media="screen"/>
</head>
<body>
<div class="divbg">
<form method="post" class="loginform">
Логин <div class="center"><input type="text" name="login"/></div><br/>
<div id="pass">Пароль <div class="center"><input type="text" name="password"/></div><br/>
<a href="#" class="register">хочу зарегистрироваться!</a><br/></div>
<input type="submit" name="submit" value="Войти"/><br/>
</form>
</div>
</body>
</html>回答 2
Stack Overflow用户
回答已采纳
发布于 2011-07-19 23:25:26
在#center div之后有一个<br />标记。这就是压低它的原因。在input标记周围还有一些填充；这两个问题都是造成空格的原因。
你的代码：
<div class="center"><input type="text" name="password"/></div><br/>删除该<br />
Stack Overflow用户
发布于 2011-07-19 20:43:32
1获取现代浏览器
2安装firebug或使用开发人员工具
3检查最后一个输入框(黑色箭头)是否有一些边距-底部或填充-底部。
4如果是，则将其设置为0或负值
5如果为No，则检查带有红色箭头的元素是否有空白区，并将其删除或设置为负的空白区。
没有代码，帮助你就不那么容易了
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6747127
复制相关文章
相似问题
腾讯云开发者
