Mengapa Flexbox Tidak Berfungsi Seperti Yang Dijangkakan dengan Elemen ``?

Mengapa

Menentang Flexbox

Apabila menggunakan paparan flex pada elemen, tingkah laku yang tidak dijangka berlaku dalam pelayar seperti Firefox dan Chrome. Flex berkelakuan seperti blok dan inline-flex seperti inline-block, walaupun spesifikasi tidak menunjukkan sebarang pengendalian khas untuk

.

Alasannya

Menurut Pepijat 984869, , bersama-sama dengan dan , tidak boleh dilaksanakan sepenuhnya dalam CSS tulen dan oleh itu bertindak sebagai kotak hitam. Ini bermakna mereka mungkin tidak bertindak balas secara sama kepada elemen gaya CSS yang lain.

Khususnya, untuk

, penyemak imbas menjadikannya dengan kelas bingkai yang telah ditetapkan, yang mengawal reka letak elemen anaknya. Kelas bingkai ini mengatasi set sifat paparan dalam CSS.

Amalan Terbaik

Untuk mencapai reka letak yang diingini dalam penyemak imbas silang, adalah dinasihatkan untuk menggunakan pembungkus

dalam , sama seperti yang anda lakukan dalam .

Kemas kini untuk Firefox

Firefox versi 46 dan kemudiannya melaksanakan Flexbox untuk < fieldset>, menyelesaikan Pepijat 1230207.

Atas ialah kandungan terperinci Mengapa Flexbox Tidak Berfungsi Seperti Yang Dijangkakan dengan Elemen ``?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

firefox css chrome for class Property this display flex table bug Other

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn