Question

为什么第二行显示内联第一行而不是其他内容？这是代码：

<body>
<table id="mitabla" >
    <caption>
        <span class="titulo">Tabla de posiciones campeonato nacional</span>
    </caption>
    <tr class="encabezado">
        <th rowspan="2" colspan="2"> #</th>
        <th rowspan="2" colspan="2"> /\</th>
        <th rowspan="2" colspan="8"> Equipo</th>
        <th rowspan="2" colspan="2"> PJ</th>
        <th rowspan="2" colspan="2"> PG</th>
        <th rowspan="2" colspan="2"> PE</th>
        <th rowspan="2" colspan="2"> PP</th>
        <th rowspan="2" colspan="2"> GF</th>
        <th rowspan="2" colspan="2"> GC</th>
        <th rowspan="2" colspan="2"> DG</th>
        <th rowspan="2" colspan="2"> Pt</th>
    </tr>
    <tr class="equipo">
        <td>1</td>
    </tr>
    <tr class="equipo">
        <td>2</td>
    </tr>
    <tr class="equipo">
        <td>3</td>
    </tr>



</table>
</body>

PS：抱歉西班牙语我懒得翻译它，但我的意思是，这些话不是问题

Answer 1

尝试在第一行后插入空行

<body>
<table id="mitabla" >
<caption>
    <span class="titulo">Tabla de posiciones campeonato nacional</span>
</caption>
<tr class="encabezado">
    <th rowspan="2" colspan="2"> #</th>
    <th rowspan="2" colspan="2"> /\</th>
    <th rowspan="2" colspan="8"> Equipo</th>
    <th rowspan="2" colspan="2"> PJ</th>
    <th rowspan="2" colspan="2"> PG</th>
    <th rowspan="2" colspan="2"> PE</th>
    <th rowspan="2" colspan="2"> PP</th>
    <th rowspan="2" colspan="2"> GF</th>
    <th rowspan="2" colspan="2"> GC</th>
    <th rowspan="2" colspan="2"> DG</th>
    <th rowspan="2" colspan="2"> Pt</th>
</tr>
<tr></tr>
<tr class="equipo">
    <td>1</td>
</tr>
<tr class="equipo">
    <td>2</td>
</tr>
<tr class="equipo">
    <td>3</td>
</tr>

Answer 2

删除rowspan="2"，第二行位于正确的位置。

HTML表格：第二行显示在第一行旁边，而不是下面

2 个答案: