html – 跨越表中的整行

前端之家收集整理的这篇文章主要介绍了html – 跨越表中的整行前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我不是HTML的新手,但是在一段时间没有触及它,我遇到了一个烦人的问题.

我有一个有两行的表.
我希望第一行有一列 – 意味着它将跨越整行,我希望第二行有三列,每列占行宽度的33.3%.

我有这个表的代码

<table width="900px" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td align="center">check</td>
    </tr>
    <tr>
        <td align="center">check</td>
        <td align="center">check</td>
        <td align="center">check</td>
    </tr>
</table>

但是发生的事情很奇怪,第一行有一列与第二行的第一列大小相同,每当我更改其中一行时,它也会改变另一行.

如果我给第一行的< td>宽度值500px可以说,它设置第二行的第一行< td>大小相同.

我究竟做错了什么 ?

解决方法

您应该在第一行的td上使用colspan属性.
Colspan =“3”将设置单元格流过3列.
<table width="900px" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td align="center" colspan="3">check</td>
    </tr>
    <tr>
        <td align="center">check</td>
        <td align="center">check</td>
        <td align="center">check</td>
    </tr>
</table>
原文链接:https://www.f2er.com/html/231804.html

猜你在找的HTML相关文章