重要術(shù)語

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。