在文本字段和 html中的元素

Question

如何使用CSS删除文本字段和段落（p）元素之间的多余间距？ 我以百分比指定了高度，宽度和填充。 输入元素之间的间距合适。 但是，输入元素和段落（p）元素之间的间距不合适。 谁能告诉我解决方案。

Below is my code snippet:
<head>
    <style type="text/css">
            .mainview{
            margin: 0;
            width: 100%;
            height: 100%;
            white-space:pre-wrap;
            overflow:scroll;
            padding-top: 5%;
            padding-bottom: 5%;
            background: url(mainview.png);
            position: relative;
        }

        .in{
            font-family: Arial;
            font-size: 18pt;
            left: 20%;
            right: 20%;
            width:60%;
            position: absolute;

        }

        .dob{
            font-family: Arial;
            font-size: 18pt;
            color: #FFFFFF;
            left: 20%;
            right: 20%;
            width:60%;
            position: absolute;

        }
    </style>
</head>
<body>
<div class="mainview" style="overflow-y: scroll;">
            <input type="text" placeholder="Firstname" class="in" />
            </br>
            <input type="text" placeholder="Lastname" class="in"/>
            </br>
            <p class="dob">DOB</p>
            </br>
            <input type="email" placeholder="Email" class="in"/>
        </div>
</body>

Answer 1

您真的想要DOB吗？ 如果是这样，请将文本的颜色更改为黑色。按如下所示更改dob类：

.dob {
font-family: Arial;
font-size: 18pt;
color: #000;
left: 20%;
right: 20%;
width: 60%;
position: absolute;
-webkit-margin-before: 0px;
-webkit-margin-after: 0px;
}

Answer 2

您应该删除

<br/>

html代码中的元素，它们会添加额外的行。

Answer 3

默认情况下可能会有一些填充/边距。

还建议不要使用br （应为  ，而不是示例中的 ）

Answer 4

如果只想显示一些文本，请使用<label>标记而不是标记。 还将'dob'类的颜色CSS更改为#fff

在文本字段和 <p> html中的元素

问题描述

4 个解决方案

解决方案1
1 已采纳 2013-10-29 05:34:10

解决方案2
0 2013-10-29 05:31:08

解决方案3
0 2013-10-29 05:34:58

解决方案4
0 2013-10-29 05:50:29

在文本字段和 <p> html中的元素

问题描述

4 个解决方案

解决方案1 1 已采纳 2013-10-29 05:34:10

解决方案2 0 2013-10-29 05:31:08

解决方案3 0 2013-10-29 05:34:58

解决方案4 0 2013-10-29 05:50:29

解决方案1
1 已采纳 2013-10-29 05:34:10

解决方案2
0 2013-10-29 05:31:08

解决方案3
0 2013-10-29 05:34:58

解决方案4
0 2013-10-29 05:50:29