0

我遇到了一个基本的 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 示例中看到的那样。

4

2 回答 2

1

只需在您的 CSS 中添加以下代码，

    td {
    line-height:0;
    }

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

祝你好运 ..）

于 2013-01-14T15:18:00.487 回答
0

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

于 2013-01-14T14:10:44.380 回答