为什么这个 html 表格会有额外的单元格?

发布于 2025-01-04 18:21:24 字数 510 浏览 0 评论 0原文

我对 html 没有太多经验,但我尝试制作一个简单的表格,但里面有额外的单元格,我不知道为什么。 这是代码:

<table border="1">
    <tr>
        <td colspan="5"> hi <td>
        <td colspan="3"> hi <td>
    </tr>
    <tr>
        <td colspan="3"> hi <td>
        <td colspan="5"> hi <td>
    </tr>
</table>

我希望有两行,每行有 2 个单元格,第一行中的第一个单元格较大,第二行中的第二个单元格较大。但由于某种原因,我每行有 4 个单元格,如下所示:

I don't have much experience with html, but I tried to make a simple table and I get extra cells in it, I don't know why.
Here is the code:

<table border="1">
    <tr>
        <td colspan="5"> hi <td>
        <td colspan="3"> hi <td>
    </tr>
    <tr>
        <td colspan="3"> hi <td>
        <td colspan="5"> hi <td>
    </tr>
</table>

I expect this to have two rows with 2 cells in each, in first row first cell is bigger, and in second row second cell is bigger. But for some reason I get 4 cells in each row, like this:

.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

晨光如昨 2025-01-11 18:21:24

您没有终止 ...您最后需要一个

工作小提琴

http://jsfiddle.net/GFdP6/3/

<table border="1">
    <tr>
        <td colspan="5"> hi </td>
        <td colspan="3"> hi </td>
    </tr>
    <tr>
        <td colspan="3"> hi </td>
        <td colspan="5"> hi </td>
    </tr>
</table>

此外,

如果你希望它看起来像你会预料到,你必须在你的 td 上设置一些宽度,就像我在小提琴中所做的那样。

You didn't terminate your <td>.... You need a </td> at the end.

Working Fiddle

http://jsfiddle.net/GFdP6/3/

<table border="1">
    <tr>
        <td colspan="5"> hi </td>
        <td colspan="3"> hi </td>
    </tr>
    <tr>
        <td colspan="3"> hi </td>
        <td colspan="5"> hi </td>
    </tr>
</table>

Furthermore

If you want it to look like you'd expect, you will have to set some widths on your td's like I did in the fiddle.

是伱的 2025-01-11 18:21:24

当您需要 TD 结束标签时,您已使用 TD 开始标签。因此,每行中有 4 个 TD 元素,而不是 2 个。(请注意,TD 的结束标记是可选,因此这是有效的)。

You have used TD Start Tags when you want TD End Tags. So you have 4 TD elements in each row instead of 2. (Note that the end tag for TD is optional so this is valid).

泪是无色的血 2025-01-11 18:21:24

这是一个拼写错误...最后的 TD 标签丢失了。

<table border="1"> 
    <tr> 
        <td colspan="5"> hi --> close your tags here --> </td>
        <td colspan="3"> hi </td> 
    </tr> 
    <tr> 
        <td colspan="3"> hi </td> 
        <td colspan="5"> hi </td> 
    </tr> 
</table> 

It's a typo... The closing TD tags are missing.

<table border="1"> 
    <tr> 
        <td colspan="5"> hi --> close your tags here --> </td>
        <td colspan="3"> hi </td> 
    </tr> 
    <tr> 
        <td colspan="3"> hi </td> 
        <td colspan="5"> hi </td> 
    </tr> 
</table> 
慈悲佛祖 2025-01-11 18:21:24

缺少 的结束标记。

<table border="1"> 
    <tr> 
        <td colspan="5"> hi </td> 
        <td colspan="3"> hi </td> 
    </tr> 
    <tr> 
        <td colspan="3"> hi </td> 
        <td colspan="5"> hi </td> 
    </tr> 
</table> 

Missing closing tags for <td>.

<table border="1"> 
    <tr> 
        <td colspan="5"> hi </td> 
        <td colspan="3"> hi </td> 
    </tr> 
    <tr> 
        <td colspan="3"> hi </td> 
        <td colspan="5"> hi </td> 
    </tr> 
</table> 
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文