我想创建一个嵌套的表或表行

问题描述

当我使用嵌套的<table>或嵌套的<tr>时，无法创建类似的列.谁能帮我 ????.这张照片正是我想要的.

When I use nested <table> or nested <tr> , I can't create a column like that . Can anyone help me ????.This picture is exactly what I want .

推荐答案

您需要使用HTML colspan 和 rowspan 属性.

You need to use the HTML colspan and rowspan attributes.

HTML

<table>
    <tr>
        <td colspan="2"></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td colspan="2"></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td rowspan="2"></td>
        <td rowspan="2"></td>
        <td rowspan="2"></td>
        <td rowspan="2"></td>
    </tr>
    <tr>
        <td colspan="2"></td>        
     </tr>
</table>

CSS

table {
    width: 100%;
}

td {
    width: 100px;
    height: 50px;
}

演示: http://jsfiddle.net/04yjcL2e/1/

有关colspan和rowspan的更多信息，请参见此帖子:

For more information about colspan and rowspan see this post:

• 如何在HTML中使用colspan和rowspan桌子?

这篇关于我想创建一个嵌套的表或表行的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！