CSS显示:未设置在Chrome中不起作用

时间:2018-07-18 23:20:09

标签: javascript html css

我有一个表,我需要从中动态删除表样式。位置:绝对(这是我需要的)在表中可用,但仅在Firefox中可用。

因为我正在动态修改列的宽度,所以我使用colgroup来存储列的初始宽度-加载页面时,我从那里检索宽度。在Chrome中,在带有display:colgroup的div上设置width属性似乎并不起作用(不足为奇)。我不认为我可以避免这样做,因为我事先不知道表的数据或格式。

在删除表格样式时,通常可以覆盖display属性。但是,如果我用display:col覆盖了div的display属性,Chrome将无法识别其宽度。无论我使用JavaScript来设置display:unset还是css都是如此。如果我在检查器中取消选中显示属性,或者使用检查器来应用display:unset,它将按我期望的方式工作-然后可以设置和读取宽度。

我敢肯定我可以解决这个问题(尽管如果不需要的话会很好),但是我想了解它为什么会崩溃-仅仅是Chrome错误?

1 个答案:

答案 0 :(得分:0)

  

未设置值是初始值和继承值的组合。

将unset应用于属性时,它将应用初始属性或继承属性,具体取决于属性的默认行为。

查看文档:{​​{3}}

此外,display: colgroupdisplay: col不存在,应该是:

display: table-column-groupdisplay: table-column

请参阅CSS显示文档https://developer.mozilla.org/en-US/docs/Web/CSS/unset