Hartanah paparan serba baharu.

Bermula dengan Chrome 115, terdapat berbilang nilai untuk sifat paparan CSS. paparan: flex menjadi paparan: blok flex dan paparan: blok menjadi paparan: aliran blok. Nilai tunggal yang anda tahu kini dianggap warisan tetapi disimpan dalam Penyemak Imbas untuk keserasian ke belakang.

Kenapa lama tertangguh?

Ringkasnya: Ia mengubah cara kita boleh menerangkan perkara seperti Model Kotak. Spesifikasinya masih merupakan Snapshot CR, bermakna W3C mengumpul pengalaman daripada pelaksana untuk memuktamadkan standard. Oleh itu, sebahagian daripadanya mungkin masih berubah.

Pekerjaan semula membahagikan jenis paparan kepada dua bahagian: Jenis paparan luar dan jenis paparan dalam.

Jenis paparan luar menentukan cara kotak utama itu sendiri mengambil bahagian dalam reka letak aliran.

Jenis paparan dalam menentukan cara kotak turunannya dibentangkan (kecuali elemen yang diganti, itu lebih kompleks).

Oleh itu paparan: flex menjadi paparan: block flex bermaksud jenis paparan luar adalah blok (ia berkelakuan sebagai elemen blok di bahagian luar), tetapi elemen anaknya dipaparkan mengikut reka letak fleksibel.

Ini adalah tingkah laku yang sama seperti sebelum ini, tetapi dengan perubahan ini, kita dapat bercakap tentang pengaruh sifat paparan berkenaan elemen kanak-kanak dan elemen sekeliling. Pada pendapat saya, model mental ini memudahkan untuk membuat reka letak yang lebih boleh diramal dan lebih mudah untuk menerangkan mod reka letak yang berbeza dan kesannya.

Dalam kursus atau tutorial yang lebih baharu, penjelasan yang baik tentang Model Kotak perlu meliputi bukan sahaja jidar, jidar, pelapik, lebar dan tinggi tetapi juga saiz kotak dan sifat paparan.

Apakah nilai sah bagi sifat paparan?

Seperti yang telah disebutkan, beberapa hartanah lama kini menjadi warisan. Berikut adalah semua sifat yang sah:

Untuk paparan sintaks berbilang nilai: jenis luar jenis dalam yang sah ialah sekat, sebaris dan run-masuk. Jenis paparan dalaman yang sah ialah aliran, akar aliran, jadual, flex, grid dan delima.

Terdapat juga nilai tunggal yang sah: item senarai, kandungan dan tiada.

Selain itu, CSS mempunyai beberapa nilai paparan dalaman yang kekal sah. Nilai ini akan dikira apabila menggunakan jenis paparan jadual atau delima.

Gabungan berikut kini adalah warisan: blok sebaris, jadual sebaris, lentur sebaris dan grid sebaris . Ia boleh digantikan dengan setara berbilang nilainya, cth.: paparan: inline flex.

Berbilang Nilai disokong pada versi terkini Penyemak Imbas moden: https://caniuse.com/mdn-css_properties_display_multi-keyword_values

Nilai Caniuse untuk Berbilang Kata Kunci bagi sifat paparan.

Itu sahaja, kawan!

Terima kasih banyak kerana membaca!

Atas ialah kandungan terperinci Hartanah paparan serba baharu.. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!