【问题标题】:Insert margin between table rows在表格行之间插入边距
【发布时间】:2011-06-12 16:23:39
【问题描述】:

我想在<table> 的两个<tr> 之间插入一个表。我尝试在行之间添加一个带有边距的<span>,我尝试用一​​个类设置<tr> 的样式,然后添加一个边距,什么都没有。

      <tr>
        <td class="near">
          <a href="../index.html" class="near_place">
              <img src="../images.jpeg" width="80" height="60" class="related_photo" />
              <span class="related_info">asdfadfadfaf</span>
          </a>
          </td>
        <td class="near">
          <a class="near_place">
              <img class="related_photo" />
              <h4 class="nearby"></h4>
              <span class="related_info"></span>
          </a>
          </td>
        <td class="near">
          <a class="near_place">
              <img class="related_photo" />
              <h4 class="nearby"></h4>
              <span class="related_info"></span>
          </a>
          </td>
        <td class="near">
          <a class="near_place">
              <img class="related_photo" />
              <h4 class="nearby"></h4>
              <span class="related_info"></span>
          </a>
        </td>
      </tr>
      <tr>
        <td class="near">
          <a href="../index.html"class="near_place">
              <img class="related_photo" />
              <h4 class="nearby"> adfadfad </h4>
              <span class="related_info">asdfadfadfaf</span>
          </a>
          </td>
        <td class="near">
          <a class="near_place">
              <img class="related_photo" />
              <h4 class="nearby"></h4>
              <span class="related_info"></span>
          </a>
          </td>
        <td class="near">
          <a class="near_place">
              <img class="related_photo" />
              <h4 class="nearby"></h4>
              <span class="related_info"></span>
          </a>
          </td>
        <td class="near">
          <a class="near_place">
              <img class="related_photo" />
              <h4 class="nearby"></h4>
              <span class="related_info"></span>
          </a>
        </td>
      </tr>    

我想在第一个 &lt;tr&gt; 和第二个之间留出 20 像素的空间。

【问题讨论】:

  • 您必须将其保留为一张桌子吗?如果你做了两个表格,你可以将 margin-bottom:20px 作为样式添加到第一个表格。
  • 可能介于两者之间的 tr style=height:20px"?
  • 谢谢大家。我使用了 Doug 所说的,就像一个魅力。

标签: html css html-table margin


【解决方案1】:

这是你需要的吗?

<h4 class="nearby" style="margin-top: 20px;"> adfadfad </h4>

【讨论】: