Html rowspan和colspan不在Chrome中工作

Html rowspan和colspan不在Chrome中工作,html,google-chrome,html-table,Html,Google Chrome,Html Table,我有一个代码片段,如下所示。完整的代码可以在这里看到: ... 在Chrome中加载时,布局看起来不是很紧凑。当加载到Firefox中时,它看起来很紧凑,并且完全是它应该看起来的样子 有什么想法吗?您正在将colspan/rowspans与定义的宽度和高度混合,这将使此布局很难预测,正如您现在所经历的那样 如果您这样做是为了布局,我建议不要使用表。查看更多信息 尝试使用网格布局。有很多可用的,比如Bootstrap和Buffic。我在TD中有一些Bootstrap类,这完全打破了CulsAc

我有一个代码片段,如下所示。完整的代码可以在这里看到:


...
在Chrome中加载时,布局看起来不是很紧凑。当加载到Firefox中时,它看起来很紧凑,并且完全是它应该看起来的样子


有什么想法吗?

您正在将colspan/rowspans与定义的宽度和高度混合,这将使此布局很难预测,正如您现在所经历的那样

如果您这样做是为了布局,我建议不要使用表。查看更多信息


尝试使用网格布局。有很多可用的,比如Bootstrap和Buffic。

我在TD中有一些Bootstrap类,这完全打破了CulsAccess。
<table style="display: inline-table; width: 1220px;">
  <tbody>
    <tr style="">
      <td rowspan="3">
        <a href="#">
          <div style="height: 440px; width: 280px; background: #000;"></div>
        </a>
      </td>

...