重要術語

Grid Container、Grid Item、Grid Line、Grid Track、Grid Cell、Grid Area
具體術語介紹內容很多可自行下載后面的文檔學習：grid.docx
總的來說 Web 布局經歷了以下四個階段：
　　1、table表格布局，通過 Dreamweaver 拖拽表格或者手寫 table 標簽布局
　　2、float浮動及position定位布局，借助元素盒模型本身的特性以及 float position 等屬性等進行布局
　　3、flex彈性盒模型布局，革命性的突破，解決傳統布局方案上的三大痛點 排列方向、對齊方式，自適應尺寸。是目前最為成熟和強大的布局方案
　　4、grid柵格布局，二維布局模塊，具有強大的內容尺寸和定位能力，適合需要在兩個維度上對齊內容的布局

總結

以上是生活随笔為你收集整理的grid布局的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。