我有一个页面,上面有几个表格。为了提高可读性,每个表格的正文都是折叠的,所以用户只能看到页眉和页脚。有一个按钮可以切换它的展开。在IE和Firefox中,它运行得很好。但在Chrome和Safari中,折叠行的位置有白色。有没有解决方案可以删除这两种浏览器的空白?以下是示例代码:第一个
z2acfund1#
Chrome和Safari将visibility: collapse视为visibility: hidden。这只适用于Firefox/IE。您可以将其更改为display: none,以确保它在所有浏览器中的工作方式都相同,但是这样您将无法理解collapse值的一般概念,即计算表格元素的所有宽度/高度,并在影响表格中的其他元素时将其考虑在内:第一个
visibility: collapse
visibility: hidden
display: none
collapse
1条答案
按热度按时间z2acfund1#
Chrome和Safari将
visibility: collapse
视为visibility: hidden
。这只适用于Firefox/IE。
您可以将其更改为
display: none
,以确保它在所有浏览器中的工作方式都相同,但是这样您将无法理解collapse
值的一般概念,即计算表格元素的所有宽度/高度,并在影响表格中的其他元素时将其考虑在内:第一个