空格/空白之間 <table> 和 <h1> 的 <form> 元件

Question

<table>和<h1>之間有大量的空格，這兩個空格都在表單元素中。 一旦刪除<table>元素，該空格就會消失。 我正在使用<table>元素將元素與表單對齊。 有人可以解釋為什么會這樣嗎？

 <form> <h2>Form Heading goes here</h2> <table> <tr> <td>First Name</td> <td><input type="text" name="f_name"></td> </tr> <tr> <td>Last Name</td> <td><input type="text" name="l_name"></td> </tr> </table> </form> 

Answer 1

默認情況下，h2標簽在其下方添加邊距。 以下CSS將刪除該空間。

的CSS

h2 {
  margin-bottom: 0;
}

Answer 2

您必須刪除<h2>標簽的默認邊距。

 h2{ margin: 0; } 

 <form> <h2>Form Heading goes here</h2> <table> <tr> <td>First Name</td> <td><input type="text" name="f_name"></td> </tr> <tr> <td>Last Name</td> <td><input type="text" name="l_name"></td> </tr> </table> </form>