使用初始宽度的元素不工作在 IE

我有一个图形插件，插入画布和图例 <table>到其容器。在这个插件中，table没有定义 width，而且在我的 CSS 中，如果插入我的插件，那么容器中的表有一个宽度。

因此，新的 div 从 CSS 继承了 table{ width: 100%}，并且呈现错误。

我尝试使用 width: initial;，在 Chrome 上看起来不错，但是在 IE 不喜欢它 ^{检查浏览器兼容性}上

我承认在脚本/插件中更改/强制内联 CSS，因为它必须在任何环境中工作。

这里最好的解决办法是什么？

70250 次浏览

小开

Using width: auto; inline, inside the script solves the problem on Chrome, FIrefox and IE 11. Just not sure if there is a better way.

小开

最佳答案

Like you said, generally width: auto will have a similar effect. Having the rules:

.my-selector {
width: auto;
width: initial;
}

Should cause it to use initial if it's supported and auto otherwise.