2012-09-11 102 views
0

enter image description here表格格式化困境

我總是設法填滿表格。我想使一個像頂部圖像,但我得到底部圖像:

<table> 
<tr> 
<td> 
    <tr> 
     <td></td> 
     <td></td> 
    </tr> 
    <tr> 
     <td></td> 
     <td></td> 
    </tr> 
    <tr> 
     <td></td> 
     <td></td> 
    </tr> 
</td> 
<td rowspan="3"></td> 
</tr> 
</table> 

有人可以請糾正我的工作。我知道它的懶惰,但我已經嘗試過6種組合,不能得到正確的組合,並且變得非常令人沮喪。是否有某種免費工具可用於格式化表格,以防止將來出現此問題?

回答

3
<table border="1"> 
    <tr> 
     <td width="40">&nbsp;</td> 
     <td width="40">&nbsp;</td> 
     <td width="80" rowspan="3">&nbsp;</td> 
    </tr> 
    <tr> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <!--<td>&nbsp;</td>--> 
    </tr> 
    <tr> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <!--<td>&nbsp;</td>--> 
    </tr> 
</table> 

Fiddle

1

你有無效的HTML。你不能有<tr>作爲<td>的子女。

試試這個...

<table> 
    <tr> 
    <td></td> 
    <td></td> 
    <td rowspan="3"></td> 
    </tr> 
    <tr> 
    <td></td> 
    <td></td> 
    </tr> 
    <tr> 
    <td></td> 
    <td></td> 
    </tr> 
</table>