概述
uni-app 支持标准的 CSS 样式属性,本文档整理了常用的 CSS 属性,按功能分类便于查阅。
布局相关属性
Flexbox 布局
| 属性 |
说明 |
display |
设置元素显示类型 |
flex |
flex 项目的缩放比例 |
flex-basis |
flex 项目的初始主尺寸 |
flex-direction |
flex 容器主轴方向 |
flex-flow |
flex-direction 和 flex-wrap 的简写 |
flex-grow |
flex 项目的放大比例 |
flex-shrink |
flex 项目的缩小比例 |
flex-wrap |
flex 项目换行方式 |
justify-content |
主轴上的对齐方式 |
align-items |
交叉轴上的对齐方式 |
align-content |
多行在交叉轴上的对齐方式 |
align-self |
单个项目在交叉轴上的对齐方式 |
定位属性
| 属性 |
说明 |
position |
元素定位方式 |
top |
元素距离顶部的距离 |
right |
元素距离右侧的距离 |
bottom |
元素距离底部的距离 |
left |
元素距离左侧的距离 |
z-index |
元素的堆叠顺序 |
尺寸属性
| 属性 |
说明 |
width |
元素宽度 |
height |
元素高度 |
max-width |
最大宽度 |
min-width |
最小宽度 |
max-height |
最大高度 |
min-height |
最小高度 |
box-sizing |
盒模型计算方式 |