uni-app元素對齊方式


使用justify-content來定義元素的對齊方式。

1.flex-start

默認元素在主軸上面左對齊  或者  向上對齊(設置flex-direction為column)

 

2.flex-end

默認右對齊  或者  向下對齊

 

3.center

居中

 

4.space-between

在元素與元素中間添加相同間隔的空隙,同時邊緣的元素處於最左或者最右

 

5.space-around

在元素與元素之間添加間隔,同時 最邊緣的元素到邊界的距離     與   元素之間的間隙 比為1:2

 

注意:

假如設置對齊方向為column的時候,space-between和space-around沒有生效,考慮是不是沒有聲明容器高度


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM