doc: update docs/quickreference.md

docs/quickreference.md

@@ -225,7 +225,7 @@ H2 部分
 `row-span-4` | `4` 行占位
 <!--rehype:className=show-header -->
 
-### 卡片合并行布局
+### 卡片合并行布局 1
 
 ```shell
 ╭┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╮
@@ -250,7 +250,7 @@ H2 部分
 
 第一标题添加 `col-span-3` 占位类
 
-### 卡片列合并布局
+### 卡片列合并布局 2
 
 ```shell
 ╭┈┈┈╮ ╭┈┈┈╮ ╭┈┈┈╮
@@ -274,7 +274,7 @@ H2 部分
 
 在 `Title 1` 标题添加 `row-span-2` 占位类
 
-### 卡片列合并布局
+### 卡片列合并布局 3
 
 ```shell
 ╭┈┈┈╮ ╭┈┈┈╮ ╭┈┈┈╮
@@ -298,7 +298,7 @@ H2 部分
 
 在 `Title 2` 标题添加 `row-span-2` 占位类
 
-### 卡片列合并布局
+### 卡片列合并布局 4
 
 ```shell
 ╭┈┈┈╮ ╭┈┈┈╮ ╭┈┈┈╮
@@ -322,7 +322,7 @@ H2 部分
 
 在 `Title 3` 标题添加 `row-span-2` 占位类
 
-### 卡片列合并布局
+### 卡片列合并布局 5
 
 ```shell
 ╭┈┈┈╮ ╭┈┈┈╮ ╭┈┈┈╮
@@ -346,7 +346,7 @@ H2 部分
 
 在 `Title 5` 标题添加 `col-span-2` 占位类
 
-### 卡片列合并布局
+### 卡片列合并布局 6
 
 ```shell
 ╭┈┈┈╮ ╭┈┈┈┈┈┈┈┈┈╮
@@ -368,9 +368,9 @@ H2 部分
 ### Title 5
 ```
 
-在 `Title 5` 标题添加 `col-span-2` 占位类
+在 `Title 2` 标题添加 `col-span-2` 占位类
 
-### 卡片列合并布局
+### 卡片列合并布局 7
 
 ```shell
 ╭┈┈┈╮ ╭┈┈┈╮ ╭┈┈┈╮
@@ -392,7 +392,37 @@ H2 部分
 ### Title 5
 ```
 
-在 `Title 5` 标题添加 `col-span-2` 占位类
+在 `Title 4` 标题添加 `col-span-2` 占位类
+
+### 卡片列合并布局 8
+<!--rehype:wrap-class=col-span-2-->
+
+```shell
+╭┈┈┈┈┈┈┈┈┈╮ ╭┈┈┈╮
+┆ 1       ┆ ┆ 2 ┆
+┆         ┆ ╰┈┈┈╯
+┆         ┆ ╭┈┈┈╮
+┆         ┆ ┆ 3 ┆
+╰┈┈┈┈┈┈┈┈┈╯ ╰┈┈┈╯
+╭┈┈┈╮ ╭┈┈┈╮ ╭┈┈┈╮
+┆ 4 ┆ ┆ 5 ┆ ┆ 6 ┆
+╰┈┈┈╯ ╰┈┈┈╯ ╰┈┈┈╯
+```
+
+上面布局效果 Markdown 源码：
+
+```markdown
+### Title 1
+<!--rehype:wrap-class=col-span-2 row-span-2-->
+### Title 2
+### Title 3
+### Title 4
+### Title 5
+### Title 6
+```
+
+在 `Title 1` 标题添加 `col-span-2` 和 `row-span-2` 占位类，使用 `空格` 间隔。
+
 
 表格
 ---