尺寸
width
| CSS | Style | 备注 |
|---|---|---|
| w-10 | width:10rpx; | |
| w-10px | width:10px; | |
| w-100% | width:100%； | |
| w-auto | width:auto; | |
| twh-10 | width:10rpx;height:10rpx; | 同时设置宽度和高度 |
| twhr-10 | width:10rpx;height:10rpx;radius:10rpx; | 同时设置宽度、高度和圆角 |
| ws-10 | min-width:10rpx; | |
| ws-10px | min-width:10px; | |
| ws-100% | min-width:100%; | |
| wl-10 | max-width:10rpx; | |
| wl-10px | max-width:10px; | |
| wl-100% | max-width:100%; |
height
| CSS | style | 备注 |
|---|---|---|
| h-10 | height:10rpx; | |
| h-10px | height:10px; | |
| h-100% | height:100%; | |
| h-auto | height:auto; | |
| twh-10 | width:10rpx;height:10rpx; | 同时设置宽度和高度 |
| twhr-10 | width:10rpx;height:10rpx;radius:10rpx; | 同时设置宽度、高度和圆角 |
| hs-10 | min-height:10rpx; | |
| hs-10px | min-height:10px; | |
| hs-100% | min-height:100%; | |
| hl-10 | max-height:10rpx; | |
| hl-10px | max-height:10px; | |
| hl-100% | max-height:100%; |
margin
| css | style | 备注 |
|---|---|---|
| m-10 | margin:10rpx; | |
| m-10px | margin:10px; | |
| m-100% | margin:100%; | |
| m-auto | margin:auto; | |
| mt-10 | margin-top:10rpx; | |
| mb-10 | margin-bottom:10rpx; | |
| ml-10 | margin-left:10rpx; | |
| mr-10 | margin-right:10rpx; | |
| mtb-10 | margin-top:10rpx;margin-bottom:10rpx; | |
| mlr-10 | margin-left:10rpx;margin-right:10rpx; | |
| mltr-10 | margin-left:10rpx;margin-top:10rpx;margin-right:10rpx; | |
| --- | lrtb 方向可任意组合,请参考margin |
padding
| css | style | 备注 |
|---|---|---|
| p-10 | padding:10rpx; | |
| p-10px | padding:10px; | |
| p-100% | padding:100%; | |
| p-auto | padding:auto; | |
| --- | lrtb 方向可任意组合,请参考margin | 参考margin |
radio
| css | style | 备注 |
|---|---|---|
| r-10 | border-radius:10rpx; | |
| r-10px | border-radius:10px; | |
| r-100% | border-radius:100%; | |
| r1-10 | border-top-left-radius:10rpx; | |
| r2-10 | border-top-right-radius:10rpx; | |
| r3-10 | border-bottom-left-radius:10rpx; | |
| r4-10 | border-bottom-right-radius:10rpx; | |
| ... | 1234 方向可任意组合,请参考margin | 参考margin |