web-dev-qa-db-ja.com

IEで機能しない要素の初期幅を使用する

キャンバスと凡例<table>をコンテナに挿入するグラフプラグインがあります。このプラグインではtableにはwidthが定義されておらず、私のCSSには、プラグインが挿入されるコンテナー内のテーブルの幅があります。

そのため、新しいdivはCSSからtable{ width: 100%}を継承しており、レンダリングが間違っています。

width: initial;を使用しようとしましたが、Chromeで見栄えが良いですが、 IEはそれを気に入らない ブラウザの互換性を確認する

スクリプト/プラグインではインラインCSSを変更/強制することは認められますが、それはあらゆる環境で動作する必要があるためです。

ここで最善の解決策は何ですか?

101
Rikard

あなたが言ったように、一般的にwidth: autoは同様の効果があります。ルールを持つ:

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

サポートされている場合はinitialを使用し、サポートされていない場合はautoを使用する必要があります。

173
Mark Rhodes

スクリプト内でwidth: auto;インラインを使用すると、Chrome、FIrefox、およびIE 11.の問題が解決します。より良い方法があるかどうかはわかりません。

5
Rikard