目錄
隨後的討論涉及各種觀點:
首頁 web前端 css教學 CSSWG分鐘電視(2024-12-04):只需使用網格與顯示:砌體

CSSWG分鐘電視(2024-12-04):只需使用網格與顯示:砌體

Mar 07, 2025 pm 05:11 PM

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

> CSS工作組(CSSWG)定期舉行會議以解決GitHub問題,通常會阻止漫長的論壇辯論。 一場特別重要的會議於2024年12月4日舉行,重點是為期五年的討論:是否應該將砌體整合到網格中或保持單獨的佈局系統? 為了全面了解辯論的歷史,請諮詢Geoff的CSS Masonry&CSS Grid,並選擇Miriam Suzanne的CSS中的砌體語法。

>

核心問題,經過多年的討論和技術障礙,現在解決了

語法

:哪種方法更容易讓開發人員學習,這將如何影響未來的CSS開發? W3C技術架構組(TAG)提供了輸入,促使嘗試調和Apple和Google的兩項競爭建議。 雙方在會議期間提出了他們的論點,目的是達成共識。 (完整的會議記錄可在w3c.org上找到) 競爭提案:PowerPoint演示

> Alison Maher(Microsoft),提倡砌體作為新的

值,強調了這些要點:

在砌體和網格之間存在顯著的行為差異。 display

    >提供了優越的默認設置(雷切爾·安德魯(Rachel Andrew)最近強調的一點)。
  1. 冗長的後衛的擔憂被駁回; 馬赫(Maher)認為,專注於未來的衛星至關重要,作者應實施明確的後備。
  2. > display: masonry砌體的定位更簡單(一個軸與網格的兩個)。
  3. 砌體速記比網格的複雜速記更具用戶友好。
  4. 砌體和網格之間的放置和對齊方式有很大不同。 display: masonry
  5. 亞美子/子網格中的未來發展將進一步分歧。
  6. 將砌體整合到網格中將導致規格,增加學習複雜性和開發人員混亂。
  7. >
  8. 結論(Maher): Jen Simmons(Webkit),以“ Just Just Gust Grid”方法擁護:
    1. >一種新的佈局類型引入了一個單獨的,相似但差異的語法,可能會使熟悉網格的開發人員感到困惑。
    2. Chrome提案引入了大約10個新屬性,被認為是不必要的。 Chrome提議聲稱的提高語法提出了爭議;
    3. 提供了足夠的解決方案。
    4. grid-auto-flow突出顯示了行佈局語法的差異。
    5. >
    6. 行為中的差異。
    7. > auto-flow擬議的砌體默認值被批評為無效。
    8. 在網格和砌體之間切換(例如,在斷點處)更簡單。
    9. 重用現有的網格功能與CSS設計原理保持一致。 >
    10. >標籤輸入
    11. lea verou(tag)提供了標籤的觀點:>
    12. 標籤找到了Webkit的參數引人注目。 他們不僅建議將砌體整合到網格中,還建議簡化網格本身。 在承認某些網格特徵的複雜性的同時,他們強調了需要更簡單的解決方案。 他們強調了更智能默認值的潛力以及減少學習曲線的統一方法的好處。 標籤還指出,許多砌體用例都受益於更簡單的,通常是1D,網格。 辯論繼續

    隨後的討論涉及各種觀點:

    人們對擬議特性的一致性提出了

    一些成員根據標籤的論點改變了他們的立場。

    強烈反駁是根據標籤的建議提出的,理由是結合了不同的佈局模型引起的潛在衝突和復雜性。

    標籤闡明了他們的位置,強調了佈局方法的連續性以及對柔性語法的需求。

    即使值有所不同,也出現了共享屬性的重點。

      結果:僵局
    • 儘管進行了廣泛的討論,但共識仍然難以捉摸。一項稻草民意調查顯示了一個分裂的決定。 會議結束時沒有明確的前進道路。
    • >
    • 這場延長的爭論強調了一個良好的解決方案的重要性。 一項針對雙方關注的新提案很可能是必要的。 CSS砌體的未來仍然不確定,但是它對未來佈局系統的重要性是不可否認的。
    • 更多資源
    • 文章包括有關進一步閱讀和相關github問題的鏈接。

以上是CSSWG分鐘電視(2024-12-04):只需使用網格與顯示:砌體的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1664
14
CakePHP 教程
1423
52
Laravel 教程
1317
25
PHP教程
1268
29
C# 教程
1246
24
如何使用HTML,CSS和JavaScript創建動畫倒計時計時器 如何使用HTML,CSS和JavaScript創建動畫倒計時計時器 Apr 11, 2025 am 11:29 AM

您是否曾經在項目上需要一個倒計時計時器?對於這樣的東西,可以自然訪問插件,但實際上更多

HTML數據屬性指南 HTML數據屬性指南 Apr 11, 2025 am 11:50 AM

您想了解的有關HTML,CSS和JavaScript中數據屬性的所有信息。

使Sass更快的概念證明 使Sass更快的概念證明 Apr 16, 2025 am 10:38 AM

在一個新項目開始時,Sass彙編發生在眼睛的眨眼中。感覺很棒,尤其是當它與browsersync配對時,它重新加載

當您看上去時,CSS梯度變得更好 當您看上去時,CSS梯度變得更好 Apr 11, 2025 am 09:16 AM

我關注的一件事是Lea Verou' s conic-Gradient()Polyfill的功能列表是最後一項:

如何在WordPress主題中構建VUE組件 如何在WordPress主題中構建VUE組件 Apr 11, 2025 am 11:03 AM

內聯式模板指令使我們能夠將豐富的VUE組件構建為對現有WordPress標記的逐步增強。

靜態表單提供商的比較 靜態表單提供商的比較 Apr 16, 2025 am 11:20 AM

讓我們嘗試在這裡造成一個術語:“靜態表單提供商”。你帶上html

php是A-OK用於模板 php是A-OK用於模板 Apr 11, 2025 am 11:04 AM

PHP模板通常會因促進Subpar代碼而變得不良說唱,但這並不是這樣的情況。讓我們看一下PHP項目如何執行基本的

三種代碼 三種代碼 Apr 11, 2025 pm 12:02 PM

每次啟動一個新項目時,我都會將我正在查看的代碼分為三種類型,或者如果您願意的話。我認為這些類型可以應用於

See all articles