1.3k
CSS3 Grid 網格布局實戰
網格布局(Grid)是最強大的 CSS 布局方案。
它將網頁劃分成一個個網格,可以任意組合不同的網格,做出各種各樣的布局。
Grid 布局與 Flex 布局有一定的相似性,都可以指定容器內部多個項目的位置。但是,它們也存在重大區別。
Flex 布局是軸線布局,只能指定"項目"針對軸線的位置,可以看作是一維布局。Grid 布局則是將容器劃分成"行"和"列",產生單元格,然后指定"項目所在"的單元格,可以看作是二維布局。Grid 布局遠比 Flex 布局強大。