在小程序中最經常使用到的就是flex布局，今天來講講flex布局的幾個常用屬性。
小程序中常用到：

.flex:{display:flex;}

可以實現自定義和自由化的整齊布局。下面是常用的幾個屬性
1.比例布局【width】；
元素設置單個元素的寬度width:1%-99%不等。換行：flex-wrap:wrap;

2.水平對齊【justify-content】；
從左往右：justify-content:flex-start;
從右往左：justify-content:flex-end;
居中對齊：justify-content:center;
靠左靠右分散：justify-content:space-between;
均勻分散對齊：justify-content:space-around;

3.垂直對齊【align-items】；
居頂部對齊：align-items:flex-start;
居底部對齊：align-items:flex-end;
垂直居中對齊：align-items:center;

4.等分列布局；
和第一個其實一樣，每個元素的寬度保持一樣，
三等分：width:33%;
四等分：width:25%;
五等分：width:20%;

總結

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

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