1ef066f47d
Former-commit-id: dd4c302e448f871376ab1298240b44aa3d3e1643 [formerly dd4c302e448f871376ab1298240b44aa3d3e1643 [formerly dd4c302e448f871376ab1298240b44aa3d3e1643 [formerly dd4c302e448f871376ab1298240b44aa3d3e1643 [formerly 8bbdd72ba63cd9161b2b2e51826b8813e8c9fffc [formerly e7d3090ad5a6f6801b32d0abce9a4e9291fcc0e7]]]]] Former-commit-id: 1be4f8ac464528598b8a52649c107686d01c08d8 Former-commit-id: 7317640b0da3a039d8ca5b6457c1263fc1261272 Former-commit-id: 29d4f7df0be48866f4309a012d38e008e1725438 [formerly 9ee9681b4a3200cc3b344673e83d9f5e4343f07a] Former-commit-id: fddc0694f8fbf921142069e11ff694ea218fa0d9 Former-commit-id: 92059d07f780aa09aaff77faf9bc41a8bd6269f0 Former-commit-id: aef5ddaf56545324913a9b425e7f8b7c3ed45518 Former-commit-id: 279be73fde5a48ddc78a258a2ea55a3b0d64fe2b Former-commit-id: b970cb8f0bbe694a3bf733e726f8c833a1f3f511
77 lines
2.0 KiB
Markdown
77 lines
2.0 KiB
Markdown
# CSS 工具类
|
|
|
|
## 文字
|
|
|
|
| 类名 | 效果 |
|
|
| --- | --- |
|
|
| `.d2-text-center` | 文字水平居中 |
|
|
|
|
## 浮动
|
|
|
|
| 类名 | 效果 |
|
|
| --- | --- |
|
|
| `.d2-fl` | 左浮动 |
|
|
| `.d2-fr` | 右浮动 |
|
|
| `.d2-clearfix` | 清除浮动 |
|
|
|
|
## 边距
|
|
|
|
| 类名 | 效果 |
|
|
| --- | --- |
|
|
| `.d2-m-0` | 外边距 0px |
|
|
| `.d2-mt-0` | 上外边距 0px |
|
|
| `.d2-mr-0` | 右外边距 0px |
|
|
| `.d2-mb-0` | 下外边距 0px |
|
|
| `.d2-ml-0` | 左外边距 0px |
|
|
| `.d2-p-0` | 内边距 0px |
|
|
| `.d2-pt-0` | 上内边距 0px |
|
|
| `.d2-pr-0` | 右内边距 0px |
|
|
| `.d2-pb-0` | 下内边距 0px |
|
|
| `.d2-pl-0` | 左内边距 0px |
|
|
| `.d2-m-10` | 外边距 10px |
|
|
| `.d2-mt-10` | 上外边距 10px |
|
|
| `.d2-mr-10` | 右外边距 10px |
|
|
| `.d2-mb-10` | 下外边距 10px |
|
|
| `.d2-ml-10` | 左外边距 10px |
|
|
| `.d2-p-10` | 内边距 10px |
|
|
| `.d2-pt-10` | 上内边距 10px |
|
|
| `.d2-pr-10` | 右内边距 10px |
|
|
| `.d2-pb-10` | 下内边距 10px |
|
|
| `.d2-pl-10` | 左内边距 10px |
|
|
| `.d2-m-15` | 外边距 15px |
|
|
| `.d2-mt-15` | 上外边距 15px |
|
|
| `.d2-mr-15` | 右外边距 15px |
|
|
| `.d2-mb-15` | 下外边距 15px |
|
|
| `.d2-ml-15` | 左外边距 15px |
|
|
| `.d2-p-15` | 内边距 15px |
|
|
| `.d2-pt-15` | 上内边距 15px |
|
|
| `.d2-pr-15` | 右内边距 15px |
|
|
| `.d2-pb-15` | 下内边距 15px |
|
|
| `.d2-pl-15` | 左内边距 15px |
|
|
| `.d2-m-20` | 外边距 20px |
|
|
| `.d2-mt-20` | 上外边距 20px |
|
|
| `.d2-mr-20` | 右外边距 20px |
|
|
| `.d2-mb-20` | 下外边距 20px |
|
|
| `.d2-ml-20` | 左外边距 20px |
|
|
| `.d2-p-20` | 内边距 20px |
|
|
| `.d2-pt-20` | 上内边距 20px |
|
|
| `.d2-pr-20` | 右内边距 20px |
|
|
| `.d2-pb-20` | 下内边距 20px |
|
|
| `.d2-pl-20` | 左内边距 20px |
|
|
|
|
## 边距简写
|
|
|
|
20px 设定为通用边距 可以如下简写
|
|
|
|
| 类名 | 效果 |
|
|
| --- | --- |
|
|
| `.d2-m` | 外边距 20px |
|
|
| `.d2-mt` | 上外边距 20px |
|
|
| `.d2-mr` | 右外边距 20px |
|
|
| `.d2-mb` | 下外边距 20px |
|
|
| `.d2-ml` | 左外边距 20px |
|
|
| `.d2-p` | 内边距 20px |
|
|
| `.d2-pt` | 上内边距 20px |
|
|
| `.d2-pr` | 右内边距 20px |
|
|
| `.d2-pb` | 下内边距 20px |
|
|
| `.d2-pl` | 左内边距 20px | |