2

最近一段时间，我一直在努力解决一个非常愚蠢的问题。为什么我不能让分隔两个框的单元格以 9px 正确显示？我已经做了几次数学运算，结果很好，但是在带有指向它的箭头的单元格中，它增加了额外的高度：

在此处输入图像描述

实际上，我似乎将为其设置的 9 像素高度加倍（大约 18 像素）。为什么？？这是没有意义的。

<!-- BIG WRAPPER TABLE FOR CENTRAL CONTENT -->
<table width="700px" border="0" cellspacing="0" cellpadding="0" class="homepage">
  <tr align="center">
    <td>

      <table width="681" height="451" border="0" cellspacing="0" cellpadding="0" align="center">
        <tr>
          <td rowspan="3" bgcolor="#FF66CC">Image will go here</td>
          <td rowspan="3" width="9">&nbsp;</td>
          <td height="221" width="221" bgcolor="#3f7583">Text will go here</td>
        </tr>
        <tr height="9">
          <td height="9" width="221" bgcolor="#FFFFFF">&nbsp;</td>
        </tr>
        <tr>
          <td height="221" width="221" bgcolor="#CC0000">Image will go here</td>
        </tr>
    </table>


    </td>
  </tr>
</table>
<!-- END BIG WRAPPER TABLE -->
4

2 回答 2

2

这是因为你的 td

 <td height="9" width="221" bgcolor="#FFFFFF">&nbsp;</td>

&nbsp;当以正常字体大小呈现时，它会占用您的高度，只需将其删除即可。

这是工作小提琴

于 2012-11-07T19:07:07.103 回答
1

与其为您的间距创建 TD，不如直接使用 CellSpacing 来完成您需要做的事情：

<table width="700px" border="0" cellspacing="0" cellpadding="0" class="homepage" style="font-size: 7pt;">
  <tr align="center">
    <td>

      <table width="681" height="451" border="0" cellspacing="9" cellpadding="0" align="center">
        <tr>
          <td rowspan="2" bgcolor="#FF66CC">Image will go here</td>

          <td height="221" width="221" bgcolor="#3f7583">Text will go here</td>
        </tr>
        <tr>
          <td height="221" width="221" bgcolor="#CC0000">Image will go here</td>
        </tr>
    </table>

    </td>
  </tr>
</table>
<!-- END BIG WRAPPER TABLE -->
于 2012-11-07T19:07:01.147 回答