微信小程序flex容器属性详解

2024-05-03 19:00•杂谈•阅读 813

flex容器属性详解

flex-direction决定元素的排列方向

flex-wrap决定元素如何换行

flex-flow 是 flex-direction 和flex-wrap的简写

justify-content元素在主轴的对齐方式

align-items元素在交叉轴的对齐方式

flex元素属性详解

flex-grow 当有多余空间时，元素的放大比例默认值是0

flex-shrink当空间不足时，元素的缩小比例默认值是1

flex-basis元素在主轴上占据的空间 px

flex是grow /shrink/basis的简写

order定义元素的排列顺序

align-self定义元素自身的对齐方式

欢迎关注，有问题一起学习欢迎留言、评论。