HTML表格隐藏<;td>;细胞

HTML表格隐藏<;td>;细胞,html,css,html-table,Html,Css,Html Table,我知道每个人都会告诉我不要使用表,我明白了,但它在这个简单的应用程序中起作用,除了我试图隐藏一些单元格。似乎不知道如何阻止它们显示。任何帮助都将不胜感激 总目1 总目2 总目3 总目4 总目5 展示 展示 展示 展示 展示 展示 展示 展示 展示 展示 展示 展示 展示 展示 展示 隐藏 隐藏 隐藏 展示 展示 表格应在某些情况下使用,例如当您希望显示表格数据时,但它们通常被错误地用于页面布局 您可以使用可见性:hidden隐藏单元格 附带说明,了解html表格元素,如thead、tbod

我知道每个人都会告诉我不要使用表,我明白了,但它在这个简单的应用程序中起作用,除了我试图隐藏一些单元格。似乎不知道如何阻止它们显示。任何帮助都将不胜感激


总目1
总目2
总目3
总目4
总目5
展示
展示
展示
展示
展示
展示
展示
展示
展示
展示
展示
展示
展示
展示
展示
隐藏
隐藏
隐藏
展示
展示
表格应在某些情况下使用,例如当您希望显示表格数据时,但它们通常被错误地用于页面布局

您可以使用
可见性:hidden
隐藏单元格

附带说明,了解html表格元素,如
thead
tbody
th
。它们将有助于构建具有更大语义意义的表

表格{
边界塌陷:塌陷;
}
泰德{
背景:黄色;
}
th,
运输署{
边框:1px纯黑;
}
.隐藏{
可见性:隐藏;
边界:无;
}

总目1
总目2
总目3
总目4
总目5
展示
展示
展示
展示
展示
展示
展示
展示
展示
展示
展示
展示
展示
展示
展示
隐藏
隐藏
隐藏
展示
展示
表格应在某些情况下使用,例如当您希望显示表格数据时,但它们通常被错误地用于页面布局

您可以使用
可见性:hidden
隐藏单元格

附带说明,了解html表格元素,如
thead
tbody
th
。它们将有助于构建具有更大语义意义的表

表格{
边界塌陷:塌陷;
}
泰德{
背景:黄色;
}
th,
运输署{
边框:1px纯黑;
}
.隐藏{
可见性:隐藏;
边界:无;
}

总目1
总目2
总目3
总目4
总目5
展示
展示
展示
展示
展示
展示
展示
展示
展示
展示
展示
展示
展示
展示
展示
隐藏
隐藏
隐藏
展示
展示

使用
可见性:隐藏到您的
样式

我们为什么要使用
colspan
使单元格更易于配置,而不是在一个单元格中创建3个或更多样式

<tr>
    <td colspan=2 style="visibility:collapse">Hide</td>
    <td>Display</td>
    <td>Display</td>
</tr>

隐藏
展示
展示

使用
可见性:隐藏到您的
样式

我们为什么要使用
colspan
使单元格更易于配置,而不是在一个单元格中创建3个或更多样式

<tr>
    <td colspan=2 style="visibility:collapse">Hide</td>
    <td>Display</td>
    <td>Display</td>
</tr>

隐藏
展示
展示

Hmm,似乎不起作用。单元格是空的,但是框仍然可见。我已经更新了答案,使用
border:nonetd
sOk上的code>似乎起到了作用。在我的代码中还没有工作,但这一定是因为发生了其他事情。我会检查我的工作。非常感谢。嗯,看来没什么用。单元格是空的,但是框仍然可见。我已经更新了答案,使用
border:nonetd
sOk上的code>似乎起到了作用。在我的代码中还没有工作,但这一定是因为发生了其他事情。我会检查我的工作。非常感谢。这更近了,主盒子仍然围绕着桌子。嗯,仍然坏了。这更近了,主盒子仍然围绕着桌子。嗯,仍然坏了