Html 可见性的替代方案：折叠不在IE和Chrome上工作_Html_Css_Html Table_Visibility

Html 可见性的替代方案：折叠不在IE和Chrome上工作

html css

Html 可见性的替代方案：折叠不在IE和Chrome上工作,html,css,html-table,visibility,Html,Css,Html Table,Visibility,下页： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <STYLE type="text/css"> tr.cccc { visibility: collapse; } </STYLE> <BODY> <TABLE border="1">

下页：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<STYLE type="text/css"> 
tr.cccc {
visibility: collapse;
}
</STYLE>
<BODY>
<TABLE border="1">
<TR class="cccc">
<TD>one</TD>
</TR>
</TABLE>
</BODY>
</HTML>


中交{
能见度：塌陷；
}
一

只能在Firefox中使用。IE始终显示该行，Chrome隐藏该行，但显示其垂直空间。

那么，如何仅使用CSS完全隐藏一行呢

可见性：折叠

在IE中不起作用。似乎您需要使用

隐藏

来代替IE。有关详细信息，请参阅链接页面

但是，规范明确规定，对于柱，只有“塌陷”才是有效值。只有Firefox支持折叠。由于资源管理器窗口支持列上的所有样式声明，因此它还支持可见性：隐藏

此外，为构造提供完整的HTML结构也没有坏处：

<!DOCTYPE html PUBLIC 
 "-//W3C//DTD XHTML 1.0 Transitional//EN"  
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML>
<HEAD>
<STYLE type="text/css"> 
 ....
</STYLE>
</HEAD>
...


....
...

是在IE8中实现的

它已经过时，但是您可以使用innerHTML重写您想要“消失”的部分。

使用
显示：无

而不是可见性：塌陷

在IE6和Google Chrome中隐藏dojo树网格摘要行对我来说很有用。看起来，

可见性：collapse

也可以在IE中使用。我正在使用它，它在IE和Firefox中都能正常工作。除了这两个浏览器之外，我不知道其他浏览器

我已经做了以下工作：

HTML:

Javascript+Jquery：

var rows=$（'table.intValidationTable tr'）
var rangeTR=rows.filter（'.rangeTR'）
var listTR=rows.filter（'.listTR'）
rangeTR.css（“可见性”、“可见”）
css（“可见性”、“折叠”）
这应该管用
 能见度：塌陷；在我看来，tr和td只是隐藏了数据，但在2020年的Safari中仍然占据了垂直空间。在chrome中工作正常（行和列宽仍然正常，但垂直空间消失）
您是否尝试过“显示：无；
”？它似乎工作正常！非常感谢你！虽然有点晚了，但你们可以在Chrome上使用，我已经知道visibility属性的隐藏值了。隐藏不是解决我问题的正确方法。我希望行完全消失：也就是说，它不必显示空白。隐藏隐藏数据，但保留垂直空间。折叠隐藏数据并删除行占用的空间，就好像它根本不在那里一样还会导致至少在一些浏览器中忽略行和单元格，以便计算行跨度和列跨度，从而导致带有行跨度和列跨度的表格布局变得不稳定。将Visibility设置为Visiable会使其出现吗？或者我也得把展示的东西扔掉。
visibility: collapse