Question

我正在为我的网站制作一个表单，第一个标签和输入之间有一个空白区域。当我删除标签时，一切都恢复正常，但我想使用标签。提前感谢任何可以提供帮助的人。

<form id="contactForm">
<div class="tableRow">
<p><label for="name">Name</label></p>
</p><input type="text" name="name"></input><p>
</div>
<div class="tableRow">
<p><label for="email">Email</label></p>
<p><input type="email" name="email"></input></p>
</div>
<div class="tableRow">
<p><label for="comments">Comments</label></p>
<p><textarea cols="48" rows="10" name="comments"></textarea></p>
</div>
</form>

这是我的css

#contactForm{
margin: 0 auto;
display: table;
}

.tableRow{
display: table-row;
}

.tableRow p{
display: table-cell;
vertical-align: top;
}

.tableRow p:first-child{
text-align: right;
}

Answer 1

问题是你的P标签

</p><input type="text" name="name"></input><p>

应该是

<p><input type="text" name="name"></input></p>

Answer 2

更改此

 </p><input type="text" name="name"></input><p>

你刚刚放置了封闭的p标签

将其更改为

<p><input type="text" name="name"></input></p>

检查此DEMO

形式内的随机空间

2 个答案: