html colspan rowspan

-3

我使用html表，colspan和rowspan。我想創建這樣的表格：html colspan rowspan

._______________________. 
|  |  |  | 
|______ |_______|_______| 
|___|___|  |___|___| 
|  |_______|  |  
|_______|___|___|_______|

但是找不到解決方案！請幫忙！

來源

2013-03-22 Moldaone

你有什麼到目前爲止 – 2013-03-22 13:29:23

我試圖創建 3細胞機智h colspan2 rowspan2 cell cell，colpan2rowspan2 cell，cell cell cell with colspan2 rowspan2，cell cell，cell with colspan2 rowspan2 – Moldaone 2013-03-22 13:37:45

做一個表，四排，並在列細胞與這些設置：

colspan 6 

none 
none 
colspan 2, rowspan 2 
none 
none 

colspan 2, rowspan 2 
colspan 2, rowspan 2 

none 
none

來源

2013-03-22 13:32:16 Guffa

您需要使用colspan和rowspan屬性，檢查我的例子，看看它是如何做。當你<td>有一個colspan或rowspan它被擴展，並且意味着在那個位置的下一個<td>被跳過（見最後的<tr>只有2 <td> s）。

table

jsFiddle

<table> 
    <tr> 
     <td colspan="6">&nbsp;</td> 
    </tr> 
    <tr> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td colspan="2" rowspan="2">&nbsp;<br />&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
    </tr> 
    <tr> 
     <td colspan="2" rowspan="2">&nbsp;<br />&nbsp;</td> 
     <td colspan="2" rowspan="2">&nbsp;<br />&nbsp;</td> 
    </tr> 
    <tr> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
    </tr> 
</table>

來源

2013-03-22 13:33:00

是啊！我必須使用/ br標籤:) – Moldaone 2013-03-22 13:39:03

謝謝！是工作！我必須使用/ br，這就是爲什麼我的桌子不工作！ – Moldaone 2013-03-22 13:39:57

很高興聽到:)不要忘記通過點擊打勾來接受答案。 – 2013-03-22 13:40:33

這應做到：

<table> 
    <tr> 
     <td colspan=6>&nbsp;<br>&nbsp;</td> 
    </tr> 
    <tr> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td colspan=2 rowspan=2>&nbsp;<br>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
    </tr> 
    <tr> 
     <td colspan=2 rowspan=2>&nbsp;<br>&nbsp;</td> 
     <td colspan=2 rowspan=2>&nbsp;<br>&nbsp;</td> 
    </tr> 
    <tr> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
    </tr> 
</table>

Fiddle

來源

2013-03-22 13:34:10

html colspan rowspan

回答

相關問題