Question

我有一个看似基本的CSS问题。

我在表格中有一个表格，嵌入的表格包含切片图像以支持翻转图形更改。

嵌入表格的第二行是在第一行和它自己之间获得一个空格。

以下是HTML标记：

<table border="0" cellpadding="0" cellspacing="0">
<tr>
<th class="appResourceHead text14px textBold">Parametric Search</th>
</tr>
<tr>
        <td class="appResourceBodyNoPad text12px">
        <table border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td> <a href="http://web.centralsemi.com/paraSearch/parametricSearch_v1_1.php">
              <img src="http://www.centralsemi.com/centralSemi/images/Parametric_Search_01.png" width="163" height="132" style="border-style: none;" />
            </a>

          </td>
          <td> <a href="http://web.centralsemi.com/paraSearch/parametricSearch_v1_1.php">
              <img src="http://www.centralsemi.com/centralSemi/images/Parametric_Search_02.png" width="67" height="132" style="border-style: none;" />
            </a>

          </td>
        </tr>
        <tr>
          <td> <a href="http://web.centralsemi.com/paraSearch/parametricSearch_v1_1.php">
              <img src="http://www.centralsemi.com/centralSemi/images/Parametric_Search_03.png" width="163" height="48" style="border-style: none;" />
            </a>

          </td>
          <td><a href="http://web.centralsemi.com/paraSearch/parametricSearch_v1_1.php">
              <img src="/centralSemi/images/Parametric_Search_04.png" rel="/centralSemi/images/Parametric_Search_Down_04.png" class="rollover" width="67" height="48" style="border-style: none;" />
              </a>
         </td>
        </tr>
      </table>
      </td>
  </tr>
</table>

我有以下的jsfiddle向您展示我的标记。

http://jsfiddle.net/5bZtz/

在Firefox和Chrome中查看表格时，我没有空间，但在IE中显示的空间就像您在jsfiddle示例中看到的那样。

Answer 1

在css中简单添加以下代码，

    td {
    line-height:0;
    }

我在这里更新你的小提琴。请看它有效！ http://jsfiddle.net/5bZtz/1/

祝你好运..）

Answer 2

添加到<a href="http://web.centralsemi.com/paraSearch/parametricSearch_v1_1.php"><img ... /></a> css属性：display:block;和height:132px;

表中的CSS表，行之间的空格（不是列）

2 个答案: