internet-explorer - 具有多个行跨度的 IE 表会导致单元格中出现额外的空白

Question

对于一个项目，我需要使用表格。这是该项目的简化部分。能够构建任何类型的表结构对我来说很重要。我的问题是，IE 在某些情况下会在表格单元格前后添加一些额外的空格。

在 IE 中：

在 Safari/Chrome/Firefox 中正确：

谢谢你的帮助！巴林特

我的代码：

<table cellpadding="0" cellspacing="0" border="1" width="656px">
      <tr>
          <td rowspan="1" colspan="1">
              <table style="width: 164px; height: 20px;" border="0" cellspacing="0" cellpadding="0"> 
                  <tr>
                      <td bgcolor="#ffff99" width="100%" height="100%">
                      </td>
                  </tr>
              </table>
          </td>
          <td rowspan="2" colspan="2">
              <table style="width: 328px; height: 40px;" bgcolor="#ffff99" border="0" cellspacing="0" cellpadding="0"> 
                  <tr>
                      <td bgcolor="#ffff99" width="100%" height="100%">
                      </td>
                  </tr>
              </table>
          </td>
          <td rowspan="1" colspan="1">
              <table style="width: 164px; height: 20px;" border="0" cellspacing="0" cellpadding="0"> 
                  <tr>
                      <td bgcolor="#ffff99" width="100%" height="100%">
                      </td>
                  </tr>
              </table>
          </td>
      </tr>
      <tr>
          <td rowspan="2" colspan="1">
              <table style="width: 164px; height: 40px;" border="0" cellspacing="0" cellpadding="0"> 
                  <tr>
                      <td bgcolor="#ffff99" width="100%" height="100%">
                      </td>
                  </tr>
              </table>
          </td>
          <td rowspan="2" colspan="1">
              <table style="width: 164px; height: 40px;" border="0" cellspacing="0" cellpadding="0"> 
                  <tr>
                      <td bgcolor="#ffff99" width="100%" height="100%">
                      </td>
                  </tr>
              </table>
          </td>
      </tr>
      <tr>
          <td rowspan="2" colspan="2">
              <table style="width: 328px; height: 40px;" border="0" cellspacing="0" cellpadding="0"> 
                  <tr>
                      <td bgcolor="#ffff99" width="100%" height="100%">
                      </td>
                  </tr>
              </table>
          </td>
      </tr>
      <tr>
          <td bgcolor="#cccccc">
              <table style="width: 164px; height: 20px;" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                      <td>
                      </td>
                  </tr>
              </table>
          </td>
          <td bgcolor="#cccccc">
              <table style="width: 164px; height: 20px;" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                      <td>
                      </td>
                  </tr>
               </table>
          </td>
      </tr>
  </table>

Answer 1

Internet Explorer 处理表格的方式多种多样，有时并没有那么好。

使用 F12 开发人员工具来确定您正在使用的 IE 变体。您可能希望强制 IE 进入最新版本。看到HTML5 doctype 将 IE9 置于怪异模式？更多细节