Margin 和 Padding
Margin 外边距
示例
html
<view class="m-20"></view>
<view class="mt-30"></view>
<view class="ml-30"></view>
<view class="mr-30"></view>Padding 内填充
示例
html
<view class="p-20"></view>
<view class="pt-20"></view>
<view class="pl-20"></view>
<view class="pr-20"></view>内容内容内容
内容内容内容
内容内容内容
内容内容内容
| 类名 (0-80) | 属性 |
|---|---|
m-${x} | margin: ${x} |
ml-${x} | margin-left: ${x} |
mr-${x} | margin-right: ${x} |
mt-${x} | margin-top: ${x} |
mb-${x} | margin-bottom: ${x} |
mx-${x} | margin-left: ${x}margin-right: ${x} |
my-${x} | margin-top: ${x}margin-bottom: ${x} |
| 类名 (0-80) | 属性 |
|---|---|
p-${x} | padding: ${x} |
pl-${x} | padding-left: ${x} |
pr-${x} | padding-right: ${x} |
pt-${x} | padding-top: ${x} |
pb-${x} | padding-bottom: ${x} |
px-${x} | padding-left: ${x}padding-right: ${x} |
py-${x} | padding-top: ${x}padding-bottom: ${x} |