Mengapa `` Tidak Menyokong Reka Letak Flexbox dalam Penyemak Imbas Moden?

Mengapa Tidak

Sokong Reka Letak Flex?

Dalam CSS, elemen dianggap sebagai kes khas apabila ia datang kepada susun atur fleksibel. Walaupun usaha untuk menggayakannya dengan paparan: flex atau display: inline-flex, ia berkelakuan seperti elemen blok atau inline-block, masing-masing.

Tingkah laku ini mengelirukan sesetengah pembangun yang melihat hasil yang tidak dijangka dalam penyemak imbas seperti Firefox dan Chrome , tetapi mendapati ia berfungsi dengan membingungkan dalam Internet Explorer. Adakah ini pepijat atau tingkah laku yang dimaksudkan?

Penjelasan

Menurut laporan pepijat (Pepijat 984869 dan Pepijat 1047590), —bersama-sama dengan —mempunyai tingkah laku pemaparan khas. Penyemak imbas seperti Chrome dan Firefox tidak melaksanakan elemen ini semata-mata dalam CSS, menjadikannya berkelakuan seperti kotak hitam dari perspektif CSS.

Ini bermakna ia tidak selalu bertindak balas sebagai jenis elemen bukan khas yang lain, seperti sebagai

. Sebagai contoh, bar skrol tidak akan muncul pada dengan limpahan: tatal, dan ia juga tidak akan dipaparkan sebagai jadual dengan paparan: jadual.

Begitu juga, untuk , mod paparan fleksibel diabaikan. Tingkah laku ini sejajar dengan Internet Explorer, yang enggan menggunakan reka letak fleksibel pada

juga.

Penyelesaian

Untuk mencapai reka letak tertentu dengan pasti dalam penyemak imbas silang, penyelesaian yang paling berkesan ialah menggunakan pembungkus

dalam sendiri. Pendekatan ini serupa dengan apa yang diperlukan untuk dan dalam pelayar lain.

Atas ialah kandungan terperinci Mengapa `` Tidak Menyokong Reka Letak Flexbox dalam Penyemak Imbas Moden?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!