拆分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表格，奇數列到連

回答

相關問題