如何删除元素之间的空行？ [关闭]答案

【问题标题】：How can I remove the blank line between elements? [closed]如何删除元素之间的空行？ [关闭]
【发布时间】：2015-12-14 08:39:10
【问题描述】：

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

  <?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 的 css （我认为你得到了默认的填充/边距）..
或者更改table的css

标签： php html css

【解决方案1】：

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

以下是 HTML 格式的 PHP 输出：

h3{
margin-bottom: 0;
}

&lt;h3&gt;Presentaciones&lt;/h3&gt;&lt;table border="1"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;row 1, field1&lt;/td&gt;&lt;td&gt;row 1, field2&lt;/td&gt;&lt;td&gt;row 1, field3&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;row 2, field1&lt;/td&gt;&lt;td&gt;row 2, field2&lt;/td&gt;&lt;td&gt;row 2, field3&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;

【讨论】：

【解决方案2】：

将此添加到您的 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>

【讨论】：