间距与尺寸

间距类命名规则

前缀 m=外边距、p=内边距；中间 g=rem 版、d=定值；方向 t=top、b=bottom、l=left、r=right、x=水平、y=垂直；尺寸为数字刻度。例如 mgremt-4 = 上外边距 0.5rem。 另有 mg-auto（margin:auto 居中）、mg-l-auto/mg-r-auto 等方向 auto 类。

rem 间距刻度

刻度	数值	示例
mgremt-0	0	重置上边距
mgremt-1 ~ 3	0.1 ~ 0.375rem	微调
mgremt-4	0.5rem	常规间隔
mgremt-5 ~ 7	0.75 ~ 1rem	组件块间距
mgremt-8	1rem	节间大间距
mgremt-9	1.25rem	更大
mgremt-10	1.5rem	区块级特大间距

常用间距速查

写法	数值	适用
mgremt-4	0.5rem	正文标题下、列表项间
mgremt-8	1rem	章节之间
mgremt-10	1.5rem	卡片上边距、区块分隔
mgremb-4	0.5rem	小标题下
mgremb-8	1rem	段落/表格下
pdrem-6	0.75rem	表单内边距
pdrem-8	1rem	卡片内边距、提示条
pdrem-10	1.5rem	大幅留白内容块

定值间距

定值版像素稳定：pd-10 = padding 10px、mg-10 = margin 10px，方向类 mg-t-10、pd-b-10 等同规则，另有 pd-16（页面容器常见）、mg-16 等。

宽度尺寸

• wdp-*：百分比宽度，如 wdp-100、wdp-50
• wd-*：像素宽度，如 wd-300、wd-1200
• container：内容容器；container-wide（≥1300px 封顶 1270px 居中）、container-fill（全宽）
• h-100：height 100%