使用IE中不起作用的元素的初始宽度

Question

我有一个图形插件，可以在其容器中插入画布和图例<table>。在这个插件中，table没有定义width，在我的CSS中，我的插件插入后，该容器内的表有一个宽度。

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

我尝试使用width: initial;，在Chrome上看起来很不错，IE doesn't like it ^{检查浏览器兼容性}

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

这里最好的解决方案是什么？

Answer 1

就像你说的，一般width: auto会有类似的效果。有规则：

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

如果支持initial，则应使用auto，否则{{1}}。{/ p>

Answer 2

使用width: auto;内联，脚本内部解决了Chrome，FIrefox和IE 11上的问题。只是不确定是否有更好的方法。