Question

我有一张这样的桌子。两个单元格都包含另一个表问题是内部table下方的空间。

这是代码：

<table border=1>
  <tr>
    <td align=center valign=middle>
      <div style="float: left">
        X
      </div>
      <table border=1>
        <tr height="33%">
          <td align=center style="font-size: 7px">
            4x1.00
          </td>
        </tr>
        <tr height="66%">
          <td align=center style="font-size: 10px">
            <b>4</b>
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td align=center valign=middle>
      <div style="float: left">
        2
      </div>
      <table border=1>
        <tr height="33%">
          <td align=center style="font-size: 7px">
            4x1.50
          </td>
        </tr>
        <tr height="66%">
          <td align=center style="font-size: 10px">
            <b>6</b>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

它适用于jsfiddle，但不适用于我的页面。从理论上讲，没有其他的css设置适用于它。 http://jsfiddle.net/fishmong3r/f1ktbyeh/1/

Answer 1

如果您想应用常规设置，这适合您的问题，那么您可以在css中指定以下内容：

table td{
  padding:0px;
}

对于跨浏览器兼容性问题，您可能需要尝试此操作：

<table cellspacing="0">

Answer 2

仅限CSS。我想你应该再次检查你的代码。有可能你的css从主页面[Layout html]加载而你现在还没有。使用[查看来源]检查您的代码。

Answer 3

<table width="68" height="88" border=1>
  <tr>
    <td width="58" height="40" align=right valign=top>
      <div style="float: left">
        X
      </div>
      <table border=1>
        <tr height="33%">
          <td align=center style="font-size: 7px">
            4x1.00
          </td>
        </tr>
        <tr height="66%">
          <td align=center style="font-size: 10px">
            <b>4</b>
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td height="40" align=right valign=top>
      <div style="float: left">
        2
      </div>
      <table border=1>
        <tr height="33%">
          <td align=center style="font-size: 7px">
            4x1.50
          </td>
        </tr>
        <tr height="66%">
          <td align=center style="font-size: 10px">
            <b>6</b>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

细胞内的巨大差距

3 个答案: