如何删除元素之间的空行 - How can I remove the blank line between elements?

How can I remove the blank line between elements?

本文关键字：之间元素何删除删除 | 更新日期: 2023-09-27

如何删除标题和表之间的空行？谢谢

  <?php
      echo "<h3>Presentaciones</h3>";
      echo "<table border='1'>";
      echo "<tr>";
      echo "<td>row 1, field1</td>";
      echo "<td>row 1, field2</td>";
      echo "<td>row 1, field3</td>";
      echo "</tr>";
      echo "<tr>";
      echo "<td>row 2, field1</td>";
      echo "<td>row 2, field2</td>";
      echo "<td>row 2, field3</td>";
      echo "</tr>";
      echo "</table>";
  ?>

在h3中添加margin-bottom: 0。浏览器具有默认样式，您必须添加自己的规则才能覆盖它们。

以下是HTML形式的PHP输出：

h3{
margin-bottom: 0;
}

<h3>Presentaciones</h3><table border="1"><tbody><tr><td>row 1, field1</td><td>row 1, field2</td><td>row 1, field3</td></tr><tr><td>row 2, field1</td><td>row 2, field2</td><td>row 2, field3</td></tr></tbody></table>

将其添加到您的css文件中：

h3 {
  margin-bottom: 0px;
}

<h3>Presentaciones</h3>
<table border='1'>
<tr>
    <td>row 1, field1</td>
    <td>row 1, field2</td>
    <td>row 1, field3</td>
</tr>
<tr>
    <td>row 2, field1</td>
    <td>row 2, field2</td>
    <td>row 2, field3</td>
</table>