如何<td>使用 JavaScript 或内联 CSS 隐藏标签？
147684 次
8 回答
39
.hide{
visibility: hidden
}
<td class="hide"/>
编辑 - 只为你
显示和可见性之间的区别是这样的。
“display”：有很多属性或值，但你关注的是“none”和“block”。“none”就像一个隐藏值，“block”就像一个显示。如果您使用“none”值，您将完全隐藏您应用此 css 样式的任何 html 标记。如果您使用“块”，您将看到 html 标记及其内容。非常简单。
“visibility”：有很多值，但我们想更多地了解“hidden”和“visible”值。"hidden" 的工作方式与 display 的 "block" 值相同，但这将隐藏标签及其内容，但不会隐藏该标签的物理空间。例如，如果您有几行文本，然后是图像（图片），然后是一个三列两行的带有图标和文本的表格。现在，如果您将具有隐藏值的可见性 css 应用于图像，图像将消失，但图像使用的空间将保留在其位置，换句话说，您将在文本和文本之间以大空间（孔）结束桌子。现在，如果您使用“可见”值，您的目标标签和它的元素将再次可见。
于 2009-05-27T15:54:44.977 回答
18
你期望在它的地方发生什么？表格无法重排以填充剩余空间 - 这似乎是浏览器响应错误的秘诀。
考虑隐藏 td 的内容，而不是 td 本身。
于 2009-05-27T15:54:03.777 回答
8
同样的方式你会隐藏任何东西：visibility: hidden;
于 2009-05-27T15:53:31.953 回答
8
使用 css 一切皆有可能（或几乎），只需使用：
display: none; //to hide
display: table-cell //to show
于 2013-08-13T14:30:01.193 回答
6
<td style = "display:none" >
<p> Content display none </p>
</td>
或者
<td style="visibility:hidden"> Your content is hidden </td>
请注意： 2 这些方式是不同的。您应该尝试检查结果。
于 2012-10-01T03:54:28.837 回答
4
如果您在 javascript 中拥有更多内容，请考虑使用一些 javascript 库，例如jquery，它会降低一点速度，但会为您提供更具可读性的代码。
您通过jquery的问题代码：
$("td").hide();
当然，还有其他的 javascript 库，正如wikipedia 上的比较所示。
于 2009-05-27T15:59:42.050 回答
2
<td>您可以通过仅包含样式属性来简单地隐藏标签内容：style = "display:none"
例如
<td style = "display:none" >
<p> I'm invisible </p>
</td>
于 2009-07-09T12:01:39.157 回答
1
我们可以使用以下内联 css 隐藏 a 中的内容：
<div style="visibility:hidden"></div>
例如：
<td><div style="visibility:hidden">Your Content Goes Here:</div></td>
于 2012-07-04T15:32:46.330 回答