基础使用
如要使用图鸟内置的内边距,使用tn-p
类即可
size | value |
---|---|
xs | 5px |
sm | 10px |
normal(默认值) | 15px |
lg | 20px |
xl | 25px |
为所有边添加边距
在tn-p
类后面添加-[size]
即可
tn-p
tn-p-xs
tn-p-sm
tn-p-lg
tn-p-xl
单边设置边距
图鸟内置了四个方向的边距,分别是t
、r
、b
、l
,使用时 在tn-p
类后面添加[方向]-[size]
即可
tn-pt
tn-pt-xs
tn-pt-sm
tn-pt-lg
tn-pt-xl
tn-pr
tn-pr-xs
tn-pr-sm
tn-pr-lg
tn-pr-xl
tn-pb
tn-pb-xs
tn-pb-sm
tn-pb-lg
tn-pb-xl
tn-pl
tn-pl-xs
tn-pl-sm
tn-pl-lg
tn-pl-xl
取消内边距
在对应的类名后面添加-0
即可
tn-p-0
tn-pt-0
tn-pr-0
tn-pb-0
tn-pl-0