一个非常简单的HTML表格

问题描述:

我需要使表象下面这样:一个非常简单的HTML表格

enter image description here

这里是我的代码,逻辑上似乎一切都被正确地写入,但如果你删除多余的单元格,然后一切都休息。在哪里可能会出现错误? 非常喜欢,我问的帮助

<table border=1> 
 
    <tr> 
 
    <td>One</td> 
 
    <td>Two</td> 
 
    <td>Three</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Four</td> 
 
    <td>Five</td> 
 
    <td rowspan=2>Six</td> 
 
    </tr> 
 
    <tr> 
 
    <td rowspan=2>Seven</td> 
 
    <td rowspan=2>Eight</td> 
 
    <td>Extra</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Nine</td> 
 
    </tr> 
 
</table>

+1

@Liam我认为,按附件意思s图片显示..也许.. – rmjoia

+0

是的,这个问题可以很容易,但我无法弄清楚...如何使图像相同的表? – Xom9ik

+0

@Liam我从原来的帖子里了解到提问者很好。他们发布了他们的目标和他们曾尝试过的内容。我不明白的是,为什么你删除了他们的代码片段,以便人们能够快速查看提问者尝试的内容。 –

这里你 - 我刚才添加文本到高/合并单元格的第二行,但它(只)的作品而没有“额外”电池:

table { 
 
    border-collapse: collapse; 
 
} 
 
td { 
 
    border: 1px solid #444; 
 
}
<table> 
 
    <tr> 
 
    <td>One</td> 
 
    <td>Two</td> 
 
    <td>Three</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Four</td> 
 
    <td>Five</td> 
 
    <td rowspan=2>Six<br>X</td> 
 
    </tr> 
 
    <tr> 
 
    <td rowspan=2>Seven<br>X</td> 
 
    <td rowspan=2>Eight<br>X</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Nine</td> 
 
    </tr> 
 
</table>

+0

非常感谢!一切正常 – Xom9ik