1. font-size
10px中文ABC123
11px中文ABC123
12px中文ABC123
13px中文ABC123
14px中文ABC123
16px中文ABC123
18px中文ABC123
20px中文ABC123
24px中文ABC123
28px中文ABC123
32px中文ABC123
2. font-weight
300中文ABC123
400中文ABC123
500中文ABC123
600中文ABC123
700中文ABC123
3. line-height (14px)
LH1.0 中文测试文字验证行高
LH1.25 中文测试文字验证行高
LH1.5 中文测试文字验证行高
LH2.0 中文测试文字验证行高
4. letter-spacing
0px中文ABC123
0.5px中文ABC123
1px中文ABC123
2px中文ABC123
5. width bars
108 (25%)
215 (50%)
323 (75%)
420 (≈100%-10)
6. height bars
20
40
60
80
100
7. padding
p4
p8
p12
p16
p20
8. margin
ml:0
ml:10
ml:20
ml:40
9. border-radius
r2
r4
r8
r12
r20
50%
10. border-width
1px
2px
3px
11. gap
gap:4px
gap:8px
gap:12px
12. box-shadow
sm
md
lg
13. colors
pri
suc
wrn
err
g1
g2
g6
g13
14. text-align
left 左对齐
center 居中
right 右对齐
15. text-overflow
这是一段很长的文字用于测试文本溢出省略号效果展示
这是一段很长的文字用于测试多行文本溢出省略号效果展示两行截断
16. flex layout
space-between
space-around
center
17. card
经营一览 本月
¥128,560.00
较上月 +12.5%
18. list items
台费收入¥85,200
商品收入¥32,100
助教收入¥11,260
19. full-width bars