uniapp建议使用flex布局。
首先定义flex容器:display:flex。
flex容器按主轴排列填充,支持横向、纵向排列,flex属性如下:
flex-direction排列方向
flex-direction:row。
flex-wrap换行
flex-wrap:nowrap,不换行
flex-wrap:wrap,换行
justify-content:设置元素在主轴上的对齐方式
justify-content:flex-start 默认左对齐
justify-content:flex-end 右对齐
justify-content:center 居中对齐
justify-content:space-between 两端对齐元素之间等距排列。
justify-content:space-around 元素等距排列。
align-items:定义flex成员在交叉轴上的排列方式。
align-items:stretch 默认拉伸,当元素交叉轴方向大小未设置时会拉伸填满。
UniAPP布局
最新推荐文章于 2024-06-20 09:48:17 发布