微信小程序實用的佈局單位vw,vh

水平居中(在父佈局中寫,子佈局爲view):display: flex; flex-direction: row; justify-content: center;

或者 text-align: center;

 

垂直居中(在父佈局中寫,子佈局爲view):display: flex; align-items: center;

或者 line-height: xxx;

 

水平居中並且垂直居中(在父佈局中寫,子佈局爲view):display: flex; justify-content: center; align-items: center;

 

(flex佈局多研究,對小程序佈局很有好處,個人覺得可以完全代替使用浮動float)

 

絕對定位(用於懸浮在某處固定不動):position: fixed; bottom: 0;

 

 

相對定位(主要用於view之間的覆蓋): position: relative;

 

佈局寬高單位最好使用:vw(佔屏幕寬度的百分比,100vw爲一屏寬),vh

(佔屏幕高度的百分比,100vw爲一屏高)

 

後續內容,以後更新。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章