CSS Grid
W3C于2017年正式推出的CSS二维布局规范,支持同时控制行与列两个维度,是现代Web前端布局的核心技术之一
Core Facts
Timeline (last 90 days)
Windows versions of Outlook 2016 through 2021 use Microsoft Word's rendering engine rather than a browser engine, causing modern layout methods such as Flexbox and CSS Grid to fail, forcing developers to fall back to nested table markup.
Multi-image side-by-side layouts in WeChat Official Accounts typically rely on CSS Flexbox or Grid layout and are constrained by the platform's inline style whitelist, with decorative text often requiring absolute positioning or float layout.
Servo initially used a self-developed Flow layout engine, and in recent years has shifted toward reimplementing a modern layout system based on CSS specifications, including support for Flexbox and CSS Grid.
Modern CSS has capabilities such as Grid, Flexbox, custom properties (CSS Variables), and container queries, enabling complex layouts in pure CSS that previously required scripts or structural hacks.
All Facts (7)
CSS Grid gained mainstream browser support in 2017, providing true two-dimensional layout capabilities.
80%Unverified在Flexbox和Grid出现之前,开发者主要依赖float属性进行布局,该属性原本设计用于文字环绕图片
90%UnverifiedSubgrid allows a sub-grid to inherit the track definitions of its parent grid, solving the problem of nested grid alignment.
60%UnverifiedWindows versions of Outlook 2016 through 2021 use Microsoft Word's rendering engine rather than a browser engine, causing modern layout methods such as Flexbox and CSS Grid to fail, forcing developers to fall back to nested table markup.
50%UnverifiedMulti-image side-by-side layouts in WeChat Official Accounts typically rely on CSS Flexbox or Grid layout and are constrained by the platform's inline style whitelist, with decorative text often requiring absolute positioning or float layout.
50%UnverifiedServo initially used a self-developed Flow layout engine, and in recent years has shifted toward reimplementing a modern layout system based on CSS specifications, including support for Flexbox and CSS Grid.
50%UnverifiedModern CSS has capabilities such as Grid, Flexbox, custom properties (CSS Variables), and container queries, enabling complex layouts in pure CSS that previously required scripts or structural hacks.
50%