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

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

更多優(yōu)質(zhì)內(nèi)容請(qǐng)關(guān)注微信公眾號(hào) @web前端工程獅 每篇文章都會(huì)帶示意圖、詳解、代碼，關(guān)注我和我一起學(xué)前端~一、Grid布局基礎(chǔ)概念 Grid 布局（網(wǎng)格布局）是 CSS 中一種二維布局模型，允許開發(fā)者通…。