Spacing
使用简写类为元素或其边的子集分配响应友好的边距或填充值。包括对单个属性、所有属性以及垂直和水平属性的支持。类从默认的Sass地图构建,范围从 .25rem 到 3rem 。
符号
Margin 与 Padding
m
- marginp
- padding
选择边
t
- topr
- rightb
- bottoml
- leftx
- right 与 lefty
- top 与 bottom
边距的大小
0
- 01
- 0.25rem2
- 0.5rem3
- 1rem4
- 1.5rem5
- 3rem
示例
以边距的大小 1rem 为例:
Margin | 属性 | Padding | 属性 |
---|---|---|---|
m-3 | margin: 1rem; | p-1 | padding: 1rem; |
mt-3 | margin-top: 1rem; | pt-3 | padding-top: 3rem; |
mr-3 | margin-right: 1rem; | pr-3 | padding-right: 1rem; |
mb-3 | margin-bottom 1rem; | pb-3 | padding-bottom 1rem; |
ml-3 | margin-left: 1rem; | pl-3 | padding-left: 1rem; |
mx-3 | margin-right: 1rem; margin-left: 1rem; | px-3 | padding-right: 1rem; padding-left: 1rem; |
my-3 | margin-top: 1rem; margin-bottom: 1rem; | py-3 | padding-top: 1rem; padding-bottom: 1rem; |