拆分HTML表格，奇数列到连

-3

我想一个<table>标签来显示这样的：拆分HTML表格，奇数列到连

+_____+_____+_____+ 
|  |  |  | 
+_____+_____+_____+ 
|  |  |  | 
+_____+_____+_____+ 
|     | 
+________+________+ 
|  |  | 
+________+________+ 
|  |  | 
+________+________+

可能吗？我迷失在这一个。我很久没有餐桌了。有关更改列号一半的文档尚不清楚。我知道如果列中的变化是偶数，可以用col-span来完成，但是如何从奇数变为偶数？

来源

2013-09-28 Fresheyeball

他实例阐述了问题的一个很好的理解，并表现出什么是从得到的解决方案限制了他。我不认为它应该被关闭。 –

@ william.eyidi是啊，对于其中一些东西有一些不好的理由。 – Fresheyeball

说明

那些TD的是只需要一个空间提供了两个合并单元格，然后你就可以使用3（实际上是1.5）作为合并单元格的其他行。也许这不是最好的解决方案，但这是我第一次提出。

的例子只有两个3种类型，你在你的例子有行的，但添加的整个宽度电池，只需加6

代码

<table> 
    <tr> 
     <td colspan=2></td> 
     <td colspan=2></td> 
     <td colspan=2></td> 
    </tr> 
    <tr> 
     <td colspan=3></td> 
     <td colspan=3></td> 
    </tr> 
</table>

的合并单元格 enter image description here

的Fiddle

来源

2013-09-28 19:23:54

完美的是，它只是将它们乘以2就具有colspan的值只能是整数。 –

查找日e是最小的公约数，在这种情况下是6，并在每个单元上设置一个colspan以将该数除以该行中的单元数。

<table> 
    <tr> 
     <td colspan="2"></td> 
     <td colspan="2"></td> 
     <td colspan="2"></td> 
    </tr> 
    <tr> 
     <td colspan="6"></td> 
    </tr> 
    <tr> 
     <td colspan="3"></td> 
     <td colspan="3"></td> 
    </tr> 
</table>

演示：http://jsfiddle.net/S5K8p/

来源

2013-09-28 19:27:09 Guffa

拆分HTML表格，奇数列到连

回答

相关问题