cari
Rumahhujung hadapan webtutorial cssCSSWG Minutes Telecon (2024-12-04): Hanya gunakan grid vs paparan: Masonry

CSSWG Minutes Telecon (2024-12-04): Just Use Grid vs. Display: Masonry

Kumpulan Kerja CSS (CSSWG) mengadakan mesyuarat tetap untuk menangani isu -isu GitHub, sering menghalang perdebatan forum yang panjang. Mesyuarat yang sangat penting berlaku pada 4 Disember, 2024, yang memberi tumpuan kepada perbincangan selama lima tahun:

harus dimuatkan ke dalam grid atau kekal sebagai sistem susun atur yang berasingan? Untuk pemahaman yang komprehensif mengenai sejarah perdebatan, berunding dengan CSS Masonry & CSS Grid oleh Geoff dan memilih sintaks batu di CSS oleh Miriam Suzanne. Isu teras, selepas bertahun -tahun perbincangan dan halangan teknikal kini diselesaikan, beralih ke

sintaks

: Pendekatan mana yang lebih mudah bagi pemaju untuk belajar dan bagaimana ini akan memberi kesan kepada pembangunan CSS masa depan?

Kumpulan Senibina Teknikal W3C (TAG) memberikan input, mendorong percubaan untuk mendamaikan dua cadangan bersaing dari Apple dan Google. Kedua -dua pihak menyampaikan hujah -hujah mereka semasa mesyuarat, yang bertujuan untuk konsensus. (Minit mesyuarat penuh disediakan di w3c.org) Cadangan Bersaing: Persembahan PowerPoint

Alison Maher (Microsoft), menganjurkan untuk batu sebagai nilai

baru, menyerlahkan mata ini:

perbezaan tingkah laku yang signifikan wujud antara batu dan grid. display

    menawarkan tetapan lalai unggul (satu titik baru -baru ini ditekankan oleh Rachel Andrew).
  1. kebimbangan mengenai kejatuhan yang panjang untuk
  2. telah dibuang kerja; Maher berhujah bahawa memberi tumpuan kepada bukti masa depan adalah yang paling penting, dan kejatuhan yang jelas harus dilaksanakan oleh penulis. display: masonry
  3. kedudukan Masonry lebih mudah (satu paksi vs dua grid).
  4. display: masonry shorthands batu lebih mesra pengguna daripada shorthands kompleks Grid.
  5. penempatan dan penjajaran berbeza dengan ketara antara batu dan grid.
  6. Perkembangan Masa Depan dalam Submasonry/Subgrid akan terus menyimpang.
  7. Mengintegrasikan batu ke dalam grid akan membawa kepada spesifikasi kembung, peningkatan kerumitan pembelajaran, dan kekeliruan pemaju.
  8. Kesimpulan (Maher):
  9. batu harus menjadi jenis paparan yang berasingan.

Jen Simmons (WebKit), memperjuangkan pendekatan "hanya gunakan grid", ditangguhkan dengan:

  1. Jenis susun atur baru memperkenalkan sintaks yang sama, sama-tetapi-jelas, pemaju yang berpotensi mengelirukan yang biasa dengan grid.
  2. Cadangan Chrome memperkenalkan kira -kira 10 hartanah baru, dianggap tidak perlu.
  3. Cadangan Chrome yang dituntut sintaks yang lebih baik telah dipertikaikan; grid-auto-flow menyediakan penyelesaian yang mencukupi.
  4. perbezaan sintaks susun atur baris diserlahkan.
  5. percanggahan dalam auto-flow tingkah laku telah diperhatikan.
  6. Lalai batu yang dicadangkan dikritik sebagai tidak berkesan.
  7. Beralih antara grid dan batu (mis., Pada titik putus) lebih mudah dengan pendekatan bersatu.
  8. menggunakan semula fungsi grid sedia ada sejajar dengan prinsip reka bentuk CSS.

input tag

lea verou (tag) menawarkan perspektif tag:

Tag mendapati argumen WebKit menarik. Mereka mencadangkan bukan sahaja mengintegrasikan batu ke dalam grid tetapi juga memudahkan grid itu sendiri. Walaupun mengakui kerumitan beberapa ciri grid, mereka menekankan perlunya penyelesaian yang lebih mudah. Mereka menyerlahkan potensi untuk mungkir yang lebih bijak dan manfaat pendekatan bersatu untuk mengurangkan lengkung pembelajaran. Tag ini juga menunjukkan bahawa banyak kes penggunaan batu mendapat manfaat daripada lebih mudah, selalunya 1D, grid.

perdebatan terus

Perbincangan seterusnya melibatkan pelbagai pandangan:

  • kebimbangan telah dibangkitkan mengenai konsistensi sifat yang dicadangkan.
  • Beberapa ahli menukar pendirian mereka berdasarkan argumen tag.
  • kaunter kaunter yang kuat telah dibentangkan terhadap cadangan tag, memetik potensi konflik dan kerumitan yang timbul daripada menggabungkan model susun atur yang berbeza.
  • Teg menjelaskan kedudukan mereka, menekankan pendekatan susun atur dan keperluan untuk sintaks yang fleksibel.
  • Fokus muncul pada perkongsian sifat, walaupun display nilai berbeza.

hasilnya: kebuntuan

Walaupun perbincangan yang luas, konsensus tetap sukar difahami. Pungutan jerami mendedahkan keputusan berpecah. Mesyuarat itu disimpulkan tanpa jalan yang jelas ke hadapan.

Perdebatan yang berpanjangan ini menggariskan kepentingan penyelesaian yang dipertimbangkan dengan baik. Cadangan baru yang menangani kebimbangan kedua -dua pihak mungkin diperlukan. Masa depan batu di CSS tetap tidak menentu, tetapi kepentingannya untuk sistem susun atur masa depan tidak dapat dinafikan.

Sumber lanjut

Artikel ini merangkumi pautan ke isu -isu GitHub dan bacaan selanjutnya.

Atas ialah kandungan terperinci CSSWG Minutes Telecon (2024-12-04): Hanya gunakan grid vs paparan: Masonry. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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
Apakah grid CSS?Apakah grid CSS?Apr 30, 2025 pm 03:21 PM

CSS Grid adalah alat yang berkuasa untuk mewujudkan susun atur web yang rumit dan responsif. Ia memudahkan reka bentuk, meningkatkan kebolehcapaian, dan menawarkan lebih banyak kawalan daripada kaedah yang lebih lama.

Apakah CSS Flexbox?Apakah CSS Flexbox?Apr 30, 2025 pm 03:20 PM

Artikel membincangkan CSS Flexbox, kaedah susun atur untuk penjajaran yang cekap dan pengedaran ruang dalam reka bentuk responsif. Ia menerangkan penggunaan Flexbox, membandingkannya dengan grid CSS, dan butiran sokongan penyemak imbas.

Bagaimanakah kita boleh membuat laman web kami responsif menggunakan CSS?Bagaimanakah kita boleh membuat laman web kami responsif menggunakan CSS?Apr 30, 2025 pm 03:19 PM

Artikel ini membincangkan teknik untuk membuat laman web responsif menggunakan CSS, termasuk tag Meta Viewport, grid fleksibel, media cecair, pertanyaan media, dan unit relatif. Ia juga meliputi menggunakan grid CSS dan Flexbox bersama -sama dan mengesyorkan rangka kerja CSS

Apakah harta saiz kotak CSS?Apakah harta saiz kotak CSS?Apr 30, 2025 pm 03:18 PM

Artikel ini membincangkan harta saiz kotak CSS, yang mengawal bagaimana dimensi elemen dikira. Ia menerangkan nilai seperti kotak kandungan, kotak sempadan, dan kotak padding, dan kesannya terhadap reka bentuk susun atur dan penjajaran bentuk.

Bagaimanakah kita boleh menghidupkan CSS?Bagaimanakah kita boleh menghidupkan CSS?Apr 30, 2025 pm 03:17 PM

Artikel membincangkan membuat animasi menggunakan CSS, sifat utama, dan menggabungkan dengan JavaScript. Isu utama adalah keserasian penyemak imbas.

Bolehkah kita menambah transformasi 3D ke projek kami menggunakan CSS?Bolehkah kita menambah transformasi 3D ke projek kami menggunakan CSS?Apr 30, 2025 pm 03:16 PM

Artikel membincangkan menggunakan CSS untuk transformasi 3D, sifat utama, keserasian penyemak imbas, dan pertimbangan prestasi untuk projek web. (Kira -kira aksara: 159)

Bagaimana kita boleh menambah kecerunan dalam CSS?Bagaimana kita boleh menambah kecerunan dalam CSS?Apr 30, 2025 pm 03:15 PM

Artikel ini membincangkan menggunakan kecerunan CSS (linear, radial, mengulangi) untuk meningkatkan visual laman web, menambah kedalaman, fokus, dan estetika moden.

Apakah unsur-unsur pseudo dalam CSS?Apakah unsur-unsur pseudo dalam CSS?Apr 30, 2025 pm 03:14 PM

Artikel membincangkan unsur-unsur pseudo dalam CSS, penggunaannya dalam meningkatkan gaya HTML, dan perbezaan dari kelas pseudo. Menyediakan contoh praktikal.

See all articles

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

SublimeText3 versi Inggeris

SublimeText3 versi Inggeris

Disyorkan: Versi Win, menyokong gesaan kod!

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

SublimeText3 Linux versi baharu

SublimeText3 Linux versi baharu

SublimeText3 Linux versi terkini

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Persekitaran pembangunan bersepadu PHP yang berkuasa