rowspan和colspan不能在Chrome中工作

Question

我有一个代码片段，看起来像下面的东西。完整的代码可以在这里看到：http://codepen.io/anon/pen/VYbxbQ

<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> 

... 

当在Chrome加载，布局看起来并不很紧。在Firefox中加载时，它看起来很紧，并且看起来应该如何。

任何想法？

Answer 1

您正混合具有指定宽度和高度的colspan/rowspans，这会使此布局非常难以预测，就像您现在正在经历的那样。

如果你这样做是为了布局的目的，我建议不要使用表格。查看this Stack Overflow question了解更多信息。

尝试使用网格布局。有吨可用，如Bootstrap和基金会。