前幾天寫了一篇Flex布局詳解，這里再講講和它類似的Grid布局，也是時常會用到的一種布局方式。

Flex布局常用在單行/單列排列的這種一維場景下，比如 導航欄，而像商品列表、圖片墻這種需要嚴格對齊行和列的二維場景更適合使用Grid布局。

更多優質內容請關注微信公眾號 @web前端工程獅 每篇文章都會帶示意圖、詳解、代碼，關注我和我一起學前端~一、Grid布局基礎概念 Grid 布局（網格布局）是 CSS 中一種二維布局模型，允許開發者通…。