最新英超积分榜排名-今日足球比赛预测比分-手机上怎么买足球-门球比赛|www.hupochang.cn

自助建站、網(wǎng)頁設(shè)計教程

通過學(xué)習(xí)路線圖,零基礎(chǔ)學(xué)習(xí)專業(yè)網(wǎng)頁設(shè)計、小程序UI設(shè)計技巧,成就網(wǎng)頁設(shè)計高手。

布局組件—網(wǎng)格

網(wǎng)格類似于分欄,但在使用過程中卻更簡單。

與分欄的區(qū)別:

網(wǎng)格只需要調(diào)整第一個單元格。分欄每一個單元格都可以調(diào)整。

網(wǎng)格的每一個單元格大小相等,分欄每個單元格可以不相等。

網(wǎng)格和欄都可以相互轉(zhuǎn)化,并且都可以轉(zhuǎn)化為動態(tài)列表/網(wǎng)格。

1.網(wǎng)格設(shè)定

可以給網(wǎng)格設(shè)定排布單元格數(shù)量和顯示分頁符。

2.列設(shè)定

對pc、iPad、手機端進行響應(yīng)式適配。

3.轉(zhuǎn)化為動態(tài)列表/網(wǎng)格

可以轉(zhuǎn)化成欄,之后的操作方法和欄的相同。

轉(zhuǎn)化為動態(tài)列表/網(wǎng)格后可綁定CMS(內(nèi)容管理系統(tǒng))文章。

轉(zhuǎn)化后和CMS2.0的網(wǎng)格組件操作方法一致。

4.網(wǎng)格作用

可以快速的調(diào)整相同網(wǎng)狀的頁面布局,更方便組織和替換內(nèi)容。

下面這種布局方式用網(wǎng)格很快就能實現(xiàn),并且在iPad、手機端更容易調(diào)整適配。

 

提交成功,謝謝反饋!

請完整填寫表單的信息后,再進行提交!