-3

我使用 html 表、colspan 和 rowspan。我想创建这样的表:

.________________________。
| | | |
|______ |________|_______|
|___|___| |___|___|
| |_______| |      
|_______|___|___|_______|

但是找不到解决办法!请帮忙!

4

3 回答 3

3

您需要使用colspanandrowspan属性,检查我的示例以了解它是如何完成的。当你 a<td>有 acolspanrowspan它被扩展并且下一个<td>应该在那个位置的被跳过(见最后一个<tr>只有 2 <td>s)。

桌子

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-22T13:33:00.277 回答
0

制作一个有四行的表格,并使用这些设置在行中的单元格:

colspan 6

none
none
colspan 2, rowspan 2
none
none

colspan 2, rowspan 2
colspan 2, rowspan 2

none
none
于 2013-03-22T13:32:16.293 回答
0

这应该这样做:

<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>

小提琴

于 2013-03-22T13:34:10.070 回答