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