小編給大家分享一下小程序中怎么使用view內(nèi)部組件來(lái)進(jìn)行頁(yè)面的排版功能，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

在做網(wǎng)站、網(wǎng)站制作過(guò)程中，需要針對(duì)客戶的行業(yè)特點(diǎn)、產(chǎn)品特性、目標(biāo)受眾和市場(chǎng)情況進(jìn)行定位分析，以確定網(wǎng)站的風(fēng)格、色彩、版式、交互等方面的設(shè)計(jì)方向。創(chuàng)新互聯(lián)建站還需要根據(jù)客戶的需求進(jìn)行功能模塊的開(kāi)發(fā)和設(shè)計(jì)，包括內(nèi)容管理、前臺(tái)展示、用戶權(quán)限管理、數(shù)據(jù)統(tǒng)計(jì)和安全保護(hù)等功能。

涉及知識(shí)點(diǎn)：

1、垂直排列，水平排列

2、居中對(duì)齊

示例：　　

1、默認(rèn)排版 ， 一個(gè)父組件里面兩個(gè)子view

　　

　　顯示效果:

　　

2、先給父view設(shè)置一個(gè)高度和顏色值，用于看效果

　　

　　

　　

3、實(shí)現(xiàn)水平排列和垂直排列的樣式  　　

　 水平排列：

　　   ------>

　 垂直排列（不進(jìn)行設(shè)置，默認(rèn)垂直排列）：

　------>

4、實(shí)現(xiàn)居中效果

居中效果分為兩種情況，依賴于3中的水平排列還是垂直排列。

①、當(dāng)水平排列的時(shí)候  ， justify-content:center ; 決定水平居中

　　 ------------------------>

②、當(dāng)水平排列的時(shí)候，align-items:center; 決定垂直居中

　　　　   ------------------------>

③、當(dāng)垂直排列的時(shí)候，justify-content:center; 決定垂直居中

　　　　 ------------------------>

④、當(dāng)垂直排列的時(shí)候，align-items:center;  決定水平居中

　　　　------------------------>

⑤、當(dāng) align-items:center; 和 justify-content:center; 都存在的時(shí)候，不管父view怎么設(shè)置的排列方向，他的子view都是水平垂直都居中

　　　　------------------------>

看完了這篇文章，相信你對(duì)“小程序中怎么使用view內(nèi)部組件來(lái)進(jìn)行頁(yè)面的排版功能”有了一定的了解，如果想了解更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

分享名稱：小程序中怎么使用view內(nèi)部組件來(lái)進(jìn)行頁(yè)面的排版功能-創(chuàng)新互聯(lián)
標(biāo)題路徑：http://weahome.cn/article/gscjh.html