gunakan lebar awal untuk elemen yang tidak berfungsi di IE

107

Saya memiliki plugin grafik yang menyisipkan kanvas dan legenda <table>ke wadahnya. Dalam plugin tableini tidak ada widthdefinisi dan di CSS saya ada lebar untuk tabel di dalam wadah itu plugin saya dimasukkan.

Jadi, div baru mewarisi table{ width: 100%}dari CSS dan salah rendering.

Saya mencoba menggunakan width: initial;, terlihat bagus di Chrome tetapi IE tidak suka ^{memeriksa kompatibilitas browser}

Saya mengakui mengubah / memaksa CSS inline di skrip / plugin karena harus bekerja di lingkungan mana pun.

Apa solusi terbaik di sini?

css internet-explorer cross-browser width Rikard
sumber

Sudahkah Anda mencoba menyetel lebar minimum? Apakah itu bekerja?

BuddhistBeast

@BuddhistBeast, tidak berpikir tentang itu! Tapi coba sekarang dan tidak berhasil di Chrome juga.

Rikard

Jawaban:

177

Seperti yang Anda katakan, umumnya width: autoakan memiliki efek yang serupa. Memiliki aturan:

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

Harus menyebabkannya digunakan initialjika didukung dan autosebaliknya.

Mark Rhodes
sumber

Ini memperbaiki masalah saya. Terima kasih.

dchayka

Hanya menyelamatkan saya satu jam. Terima kasih.

Skitterm

Sebagai catatan, initial adalah nilai properti yang valid ( developer.mozilla.org/en-US/docs/Web/CSS/initial ). Tetapi (jika Anda menggulir ke bawah ke "Kompatibilitas browser" di tautan sebelumnya), tidak ada versi IE yang mendukungnya.

gtramontina

ini dikenal sebagai fallback dan merupakan pola pengkodean yang sangat umum di CSS. juga, menggunakan width: autotidak hanya akan memiliki yang sama efek, tetapi akan memiliki yang sama persis efek, karena autoyang didefinisikan sebagai nilai awal untuk widthproperti.

chharvey

Menggunakan width: auto;inline, di dalam skrip memecahkan masalah di Chrome, FIrefox dan IE 11. Hanya tidak yakin apakah ada cara yang lebih baik.

Rikard
sumber