diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index 32cfc88d..eeb91e99 100644
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@@ -38,12 +38,14 @@ module.exports = {
           { text: '指南', link: '/zh/guide/' },
           { text: '插件', link: '/zh/plugins/' },
           { text: '组件', link: '/zh/components/' },
+          { text: '其它', link: '/zh/others/' },
           { text: '下载', link: 'https://github.com/FairyEver/d2-admin/releases' }
         ],
         sidebar: {
           '/zh/guide/': sideBarGuide('指南'),
           '/zh/plugins/': sideBarPlugins('插件'),
-          '/zh/components/': sideBarComponents('组件')
+          '/zh/components/': sideBarComponents('组件'),
+          '/zh/others/': sideBarOthers('其它')
         }
       }
     }
@@ -92,3 +94,16 @@ function sideBarComponents (title) {
     }
   ]
 }
+
+function sideBarOthers (title) {
+  return [
+    {
+      title,
+      collapsable: false,
+      children: [
+        '',
+        'css'
+      ]
+    }
+  ]
+}
diff --git a/docs/zh/others/README.md b/docs/zh/others/README.md
new file mode 100644
index 00000000..e21336ef
--- /dev/null
+++ b/docs/zh/others/README.md
@@ -0,0 +1 @@
+# 其它
\ No newline at end of file
diff --git a/docs/zh/others/css.md b/docs/zh/others/css.md
new file mode 100644
index 00000000..8974e668
--- /dev/null
+++ b/docs/zh/others/css.md
@@ -0,0 +1,77 @@
+# 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 |
\ No newline at end of file