1

我的 Codepen：http ://codepen.io/leongaban/pen/aFJfs

它与 the.email-tip-icon和 the 有关，tip-message因为当我将它们注释掉时，间距消失了。每个似乎都增加了更多的间距......但是我同时拥有marginandpadding设置为0

额外的间距在电子邮件输入字段和名字输入字段之间

在此处输入图像描述

4

2 回答 2

5

尝试将它们设置为绝对位置并进行相应更新。这应该工作：

#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;
    }
于 2013-06-07T20:04:53.917 回答
-1

我不知道这是从哪里来的，但这里有一个简单的解决方法：

#register-email{
    margin-bottom:-10px !important;
}
#register-firstname{
    margin-top:-40px !important
}

http://codepen.io/seraphzz/pen/AyvgG

于 2013-06-07T20:04:56.217 回答