问题与rowspan和coltable在HTML表

我想创建这个布局与HTML中使用rowspan和colspan，但单元格的大小不显示我如何预期，单元格的rowspan和colspan的值“X “是”2“，但表格创建时就像它在2x1中那样。问题与rowspan和coltable在HTML表

这里是我的代码

<html> 
<head> 
</head> 
<body> 
    <table border="3" cellspacing="5" cellpadding="3"> 
     <tbody> 
      <tr> 
       <td rowspan="2">1</td> 
       <td>2</td> 
       <td rowspan="2" colspan="2">X</td> 
      </tr> 

      <tr>  
       <td>3</td>  
      </tr> 

      <tr> 
       <td rowspan="1" colspan="4">4</td> 
      </tr> 

      <tr> 
       <td colspan="3">5</td> 
       <td>6</td> 
      </tr> 

     </tbody> 
    </table> 
</body>

来源

2013-03-17 Hedu911

你需要检查列数和行数。第二个colspan只有2列才能真正覆盖。 – Sablefoste 2013-03-17 00:49:30

谢谢，我没有清楚该行和colspan是如何工作的。 – Hedu911 2013-03-21 06:44:09

这是正常工作。这是最简单的，看看你是否添加了所有四个单元占用一列一列：

<tr> 
    <td>7</td> 
    <td>8</td> 
    <td>9</td> 
    <td>10</td> 
</tr>

http://jsfiddle.net/ExplosionPIlls/HfHBU/

你面对所造成的视觉问题没有第三列单元格中创建任何宽度。整个第三列由X，4和5上的colspan s创建，所以它看起来没有（或很小）宽度，并且如果不需要宽度规则，单元格将不会展开。

来源

2013-03-17 00:56:50

谢谢，但我可以做些什么来查看单元格X而不添加新行？ – Hedu911 2013-03-17 01:35:08

这确实取决于具体情况。你想如何准确地看？ – 2013-03-17 01:59:08

问题与rowspan和coltable在HTML表

回答

相关问题