UniAPP布局
uniapp建议使用flex布局。首先定义flex容器:display:flex。flex容器按主轴排列填充,支持横向、纵向排列,flex属性如下:flex-direction排列方向flex-direction:row。flex-wrap换行flex-wrap:nowrap,不换行flex-wrap:wrap,换行justify-content:设置元素在主轴上的对齐方式justify-cont
·
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 默认拉伸,当元素交叉轴方向大小未设置时会拉伸填满。
更多推荐
已为社区贡献1条内容
所有评论(0)