尺寸
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%; | |
| ru.10 | border-top-left-radius:10rpx; | |
| rr.10 | border-top-right-radius:10rpx; | |
| rd.10 | border-bottom-left-radius:10rpx; | |
| rl.10 | border-bottom-right-radius:10rpx; | |
| ... | urdl 方向可任意组合,请参考margin | 参考margin |