html中标签之间的空格

Question

我在servlet中使用html来开发注册表单，但我在标题和表格之间得到了这么大的空间，我不知道出了什么问题，我尝试将保证金设置为零，但没有什么是发生请帮助。我正在上传这两个文件，第一个是.java文件，第二个是浏览器输出。

Answer 1

错误的标记，应该关闭

     <br/>

我的猜测： 删除它们，它们使用错误，你不能在表格内和td标签之外使用它们。这应该可以解决你的问题。

还有一些提示：

1. 为什么要使用servlet生成html？这样你将来会遇到很大的问题。你应该使用一些viewResolver，比如Freemarker，jsp或velocity。

2. 标签中心已“弃用”，请勿使用。用css样式替换它。

3. 你的表缺少tbody标签，它应该是

    <table>
     <tbody>
      <tr></tr>
     </tbody>
    <table>
   

但是在表格中写表格是反模式。在这里你可以找到一些bootstrap示例，如何只使用类和css正确执行： http://www.tutorialrepublic.com/twitter-bootstrap-tutorial/bootstrap-forms.php

1. 在Chrome中使用FF或Chrome开发者工具，Firebug（FF），F12。多亏了他们，你会发现你的问题。

如果您使用的是Chrome，请点击F12，您会在页面底部弹出一个窗口。第一个选项卡是Elements，单击mignifying glass并选择您的表格。您将看到应用程序的DOM树。单击标签时，您将看到它需要多少空间：它的大小，填充和边距，您甚至可以在飞行中操纵这些值。当你找到原因时，你只需要创建一些CSS来修复你的bug。谷歌很容易。

Answer 2

使用“<h1 style="margin:0;">”代替“<h1>”来减少标题周围的保证金。

使用“<table border="0\" height="100%" cellpadding="0" cellspacing="0">”代替“<table>”来减少表格周围的填充。

这两个修改可能会减少标题和表格之间的空间。

Answer 3

不推荐使用中心标记。 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/center 使用表格进行格式化不再是最佳做法。 尝试这样的事情。

<h1>Registration Form</h1>
<form>
<p><label for="id">ID: </label><input type="text" name="id" /></p>
<p><label for="fName">First Name: <input type="text" name="fName"></label></p>
</form>