Question

如果你看到下面的图片或访问link1，在文本“ALREADY REGISTERED”下方，我们可以看到2个文本框，它们之间有足够的空间。

但如果访问link2而不是它们之间没有空格，请帮我在这些文本字段之间显示空格。

.input-box {
    float: left;
    width: 100%;
    padding-top: 2px;
}

Answer 1

在两个输入文本框之间使用
标签

<input type="text" name="email">
<br>
<input type="text" name="password">

Answer 2

两个链接都是一样的。但无论如何。你做这样的事情。

.input-box {
    float: left;
    margin-bottom: 10px;
}

Answer 3

以下是代码：

.input-box {
   padding-bottom: 20px; 
   display: table; 
   width: 100%;
}

Answer 4

从.input-box移除.input-box{ width: 100%; padding-top: 2px; }，它可以正常工作。

{{1}}

Answer 5

像这样更新你的CSS，

.input-box {
    float: none;
    /* padding-bottom: 20px; */
    width: 100%;
}

这也是想要修复* Required文字

的位置

.fieldset p.required {
    margin-bottom: 7px;
    float: right;
    font-size: 12px;
    margin-top: 0px;
    padding-right: 0;
}

Answer 6

在li内div .input-box

上删除此课程

你的html就像打击

<ul class="form-list">
                        <li>
                            <div class="">
                                <input type="email" placeholder="Enter Your email" title="Email Address" class="input-text required-entry validate-email" id="email" value="" name="login[username]" spellcheck="false" autocorrect="off" autocapitalize="off">
                            </div>
                        </li>
                        <li>
                            <div class="">
                                <input type="password" placeholder="Enter Your Password" title="Password" id="pass" class="input-text required-entry validate-password" name="login[password]">
                            </div>
                        </li>
                                                <li>
                            <a class="f-left" href="http://sbdev1.kidsdial.com/customer/account/forgotpassword/">Forgot Your Password?</a>
                        </li>
                        <li class="control remember-me-box">
        <div class="input-box">
        <input type="checkbox" title="Remember Me" checked="checked" id="remember_meG1nd66Tg4Y" class="checkbox" name="persistent_remember_me">
    </div>
    <label for="remember_meG1nd66Tg4Y">Remember Me</label>
    <a href="#" class="link-tip">What's this?</a>
</li>
                    </ul>

显示2个文本字段之间的空间

6 个答案: