我的 Codepen:http ://codepen.io/leongaban/pen/aFJfs
它与 the.email-tip-icon
和 the 有关,tip-message
因为当我将它们注释掉时,间距消失了。每个似乎都增加了更多的间距......但是我同时拥有margin
andpadding
设置为0
额外的间距在电子邮件输入字段和名字输入字段之间
我的 Codepen:http ://codepen.io/leongaban/pen/aFJfs
它与 the.email-tip-icon
和 the 有关,tip-message
因为当我将它们注释掉时,间距消失了。每个似乎都增加了更多的间距......但是我同时拥有margin
andpadding
设置为0
额外的间距在电子邮件输入字段和名字输入字段之间
尝试将它们设置为绝对位置并进行相应更新。这应该工作:
#register-form .email-tip-icon, #register-form .password-tip-icon {
position: absolute;
width: 30px;
padding: 0;
margin: 0;
left: 340px;
z-index: 2;
clear: both;
background: red;
top: 20px;
}
#register-form .tip-message {
position: absolute;
padding: 0;
margin: 0;
left: 374px;
width: auto;
height: auto;
text-indent: 10px;
background: url(http://leongaban.com/_projects/whoat/_HTML/img/gray-tip-triangle.png) no-repeat;
z-index: 2;
top: 25px;
}
我不知道这是从哪里来的,但这里有一个简单的解决方法:
#register-email{
margin-bottom:-10px !important;
}
#register-firstname{
margin-top:-40px !important
}