39c9556a36
Former-commit-id: f7277fb1f938016cddea4b6ce520c5a02b5792c3 [formerly 5bc31c004a31686252af3c20ac2cceb6514ff151] [formerly f7277fb1f938016cddea4b6ce520c5a02b5792c3 [formerly 5bc31c004a31686252af3c20ac2cceb6514ff151] [formerly f7277fb1f938016cddea4b6ce520c5a02b5792c3 [formerly 5bc31c004a31686252af3c20ac2cceb6514ff151] [formerly 5bc31c004a31686252af3c20ac2cceb6514ff151 [formerly b2520d7f49b8f8f84595953e78097eae80ac7158 [formerly a6d20ceecf88b01246ea82e36a2f2a8e27c34fa7]]]]] Former-commit-id: 43a4b756fc83e3ef52275d31fc7c3ee9cc58d388 Former-commit-id: 7efb98c1c00e5db947bea0aeeec7c764b56e1d46 Former-commit-id: e8fbb7c9c3dca88a71a31cb5b92e58d04e83f2c7 [formerly 85bf7526a236740f1f13c74d461e94348b70cf09] Former-commit-id: 381ddb92a6d444e6338fc50f513560d6387ac0fa Former-commit-id: fa51a4fea3b5634e992991062f6b11f1a5e12046 Former-commit-id: a4a7ccfcfe012355da12587202c2f4a79ee15271 Former-commit-id: 8ec665c4ba02ef56edc9bfb2d69514ef9e54e030 Former-commit-id: 77c9fac0e50d196c7de38d3b9d7021a0d130cfc3
87 lines
2.4 KiB
Markdown
87 lines
2.4 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-5` | 外边距 5px |
|
|
| `.d2-mt-5` | 上外边距 5px |
|
|
| `.d2-mr-5` | 右外边距 5px |
|
|
| `.d2-mb-5` | 下外边距 5px |
|
|
| `.d2-ml-5` | 左外边距 5px |
|
|
| `.d2-p-5` | 内边距 5px |
|
|
| `.d2-pt-5` | 上内边距 5px |
|
|
| `.d2-pr-5` | 右内边距 5px |
|
|
| `.d2-pb-5` | 下内边距 5px |
|
|
| `.d2-pl-5` | 左内边距 5px |
|
|
| `.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 | |