diff --git a/docs/quickreference.html b/docs/quickreference.html
index c0f1469e..aea5b610 100644
--- a/docs/quickreference.html
+++ b/docs/quickreference.html
@@ -212,7 +212,7 @@
     </tr>
   </tbody>
 </table><!--rehype:className=show-header -->
-</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3>卡片合并行布局</h3><div class="wrap-body">
+</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3>卡片合并行布局 1</h3><div class="wrap-body">
 <pre class="language-shell"><code class="language-shell code-highlight"><span class="code-line line-number" line="1">╭┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╮
 </span><span class="code-line line-number" line="2">┆   H3 Title <span class="token number">1</span>  ┆
 </span><span class="code-line line-number" line="3">╰┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╯
@@ -230,7 +230,7 @@
 </span><span class="code-line line-number" line="7"><span class="token title important"><span class="token punctuation">###</span> Title 4</span>
 </span></code></pre>
 <p>第一标题添加 <code>col-span-3</code> 占位类</p>
-</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3>卡片列合并布局</h3><div class="wrap-body">
+</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3>卡片列合并布局 2</h3><div class="wrap-body">
 <pre class="language-shell"><code class="language-shell code-highlight"><span class="code-line line-number" line="1">╭┈┈┈╮ ╭┈┈┈╮ ╭┈┈┈╮
 </span><span class="code-line line-number" line="2">┆ <span class="token number">1</span> ┆ ┆ <span class="token number">2</span> ┆ ┆ <span class="token number">3</span> ┆
 </span><span class="code-line line-number" line="3">┆   ┆ ╰┈┈┈╯ ╰┈┈┈╯
@@ -247,7 +247,7 @@
 </span><span class="code-line line-number" line="6"><span class="token title important"><span class="token punctuation">###</span> Title 5</span>
 </span></code></pre>
 <p>在 <code>Title 1</code> 标题添加 <code>row-span-2</code> 占位类</p>
-</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3>卡片列合并布局</h3><div class="wrap-body">
+</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3>卡片列合并布局 3</h3><div class="wrap-body">
 <pre class="language-shell"><code class="language-shell code-highlight"><span class="code-line line-number" line="1">╭┈┈┈╮ ╭┈┈┈╮ ╭┈┈┈╮
 </span><span class="code-line line-number" line="2">┆ <span class="token number">1</span> ┆ ┆ <span class="token number">2</span> ┆ ┆ <span class="token number">3</span> ┆
 </span><span class="code-line line-number" line="3">╰┈┈┈╯ ┆   ┆ ╰┈┈┈╯
@@ -264,7 +264,7 @@
 </span><span class="code-line line-number" line="6"><span class="token title important"><span class="token punctuation">###</span> Title 5</span>
 </span></code></pre>
 <p>在 <code>Title 2</code> 标题添加 <code>row-span-2</code> 占位类</p>
-</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3>卡片列合并布局</h3><div class="wrap-body">
+</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3>卡片列合并布局 4</h3><div class="wrap-body">
 <pre class="language-shell"><code class="language-shell code-highlight"><span class="code-line line-number" line="1">╭┈┈┈╮ ╭┈┈┈╮ ╭┈┈┈╮
 </span><span class="code-line line-number" line="2">┆ <span class="token number">1</span> ┆ ┆ <span class="token number">2</span> ┆ ┆ <span class="token number">3</span> ┆
 </span><span class="code-line line-number" line="3">╰┈┈┈╯ ╰┈┈┈╯ ┆   ┆
@@ -281,7 +281,7 @@
 </span><span class="code-line line-number" line="6"><span class="token title important"><span class="token punctuation">###</span> Title 5</span>
 </span></code></pre>
 <p>在 <code>Title 3</code> 标题添加 <code>row-span-2</code> 占位类</p>
-</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3>卡片列合并布局</h3><div class="wrap-body">
+</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3>卡片列合并布局 5</h3><div class="wrap-body">
 <pre class="language-shell"><code class="language-shell code-highlight"><span class="code-line line-number" line="1">╭┈┈┈╮ ╭┈┈┈╮ ╭┈┈┈╮
 </span><span class="code-line line-number" line="2">┆ <span class="token number">1</span> ┆ ┆ <span class="token number">2</span> ┆ ┆ <span class="token number">3</span> ┆
 </span><span class="code-line line-number" line="3">╰┈┈┈╯ ╰┈┈┈╯ ╰┈┈┈╯ 
@@ -298,7 +298,7 @@
 </span><span class="code-line line-number" line="6"><span class="token comment">&#x3C;!--rehype:wrap-class=col-span-2--></span>
 </span></code></pre>
 <p>在 <code>Title 5</code> 标题添加 <code>col-span-2</code> 占位类</p>
-</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3>卡片列合并布局</h3><div class="wrap-body">
+</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3>卡片列合并布局 6</h3><div class="wrap-body">
 <pre class="language-shell"><code class="language-shell code-highlight"><span class="code-line line-number" line="1">╭┈┈┈╮ ╭┈┈┈┈┈┈┈┈┈╮
 </span><span class="code-line line-number" line="2">┆ <span class="token number">1</span> ┆ ┆ <span class="token number">2</span>       ┆
 </span><span class="code-line line-number" line="3">╰┈┈┈╯ ╰┈┈┈┈┈┈┈┈┈╯
@@ -314,8 +314,8 @@
 </span><span class="code-line line-number" line="5"><span class="token title important"><span class="token punctuation">###</span> Title 4</span>
 </span><span class="code-line line-number" line="6"><span class="token title important"><span class="token punctuation">###</span> Title 5</span>
 </span></code></pre>
-<p>在 <code>Title 5</code> 标题添加 <code>col-span-2</code> 占位类</p>
-</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3>卡片列合并布局</h3><div class="wrap-body">
+<p>在 <code>Title 2</code> 标题添加 <code>col-span-2</code> 占位类</p>
+</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3>卡片列合并布局 7</h3><div class="wrap-body">
 <pre class="language-shell"><code class="language-shell code-highlight"><span class="code-line line-number" line="1">╭┈┈┈╮ ╭┈┈┈╮ ╭┈┈┈╮
 </span><span class="code-line line-number" line="2">┆ <span class="token number">1</span> ┆ ┆ <span class="token number">2</span> ┆ ┆ <span class="token number">3</span> ┆
 </span><span class="code-line line-number" line="3">╰┈┈┈╯ ╰┈┈┈╯ ╰┈┈┈╯
@@ -331,7 +331,28 @@
 </span><span class="code-line line-number" line="5"><span class="token comment">&#x3C;!--rehype:wrap-class=col-span-2--></span>
 </span><span class="code-line line-number" line="6"><span class="token title important"><span class="token punctuation">###</span> Title 5</span>
 </span></code></pre>
-<p>在 <code>Title 5</code> 标题添加 <code>col-span-2</code> 占位类</p>
+<p>在 <code>Title 4</code> 标题添加 <code>col-span-2</code> 占位类</p>
+</div></div></div><div class="wrap col-span-2"><div class="wrap-header h3wrap"><h3>卡片列合并布局 8</h3><div class="wrap-body"><!--rehype:wrap-class=col-span-2-->
+<pre class="language-shell"><code class="language-shell code-highlight"><span class="code-line line-number" line="1">╭┈┈┈┈┈┈┈┈┈╮ ╭┈┈┈╮
+</span><span class="code-line line-number" line="2">┆ <span class="token number">1</span>       ┆ ┆ <span class="token number">2</span> ┆
+</span><span class="code-line line-number" line="3">┆         ┆ ╰┈┈┈╯
+</span><span class="code-line line-number" line="4">┆         ┆ ╭┈┈┈╮
+</span><span class="code-line line-number" line="5">┆         ┆ ┆ <span class="token number">3</span> ┆
+</span><span class="code-line line-number" line="6">╰┈┈┈┈┈┈┈┈┈╯ ╰┈┈┈╯
+</span><span class="code-line line-number" line="7">╭┈┈┈╮ ╭┈┈┈╮ ╭┈┈┈╮
+</span><span class="code-line line-number" line="8">┆ <span class="token number">4</span> ┆ ┆ <span class="token number">5</span> ┆ ┆ <span class="token number">6</span> ┆
+</span><span class="code-line line-number" line="9">╰┈┈┈╯ ╰┈┈┈╯ ╰┈┈┈╯
+</span></code></pre>
+<p>上面布局效果 Markdown 源码：</p>
+<pre class="language-markdown"><code class="language-markdown code-highlight"><span class="code-line line-number" line="1"><span class="token title important"><span class="token punctuation">###</span> Title 1</span>
+</span><span class="code-line line-number" line="2"><span class="token comment">&#x3C;!--rehype:wrap-class=col-span-2 row-span-2--></span>
+</span><span class="code-line line-number" line="3"><span class="token title important"><span class="token punctuation">###</span> Title 2</span>
+</span><span class="code-line line-number" line="4"><span class="token title important"><span class="token punctuation">###</span> Title 3</span>
+</span><span class="code-line line-number" line="5"><span class="token title important"><span class="token punctuation">###</span> Title 4</span>
+</span><span class="code-line line-number" line="6"><span class="token title important"><span class="token punctuation">###</span> Title 5</span>
+</span><span class="code-line line-number" line="7"><span class="token title important"><span class="token punctuation">###</span> Title 6</span>
+</span></code></pre>
+<p>在 <code>Title 1</code> 标题添加 <code>col-span-2</code> 和 <code>row-span-2</code> 占位类，使用 <code>空格</code> 间隔。</p>
 </div></div></div></div></div><div class="wrap"><div class="wrap-header h2wrap"><h2>表格</h2><div class="wrap-body">
 </div></div><div class="h2wrap-body"><div class="wrap"><div class="wrap-header h3wrap"><h3>基本表格</h3><div class="wrap-body">
 </div></div><div class="h3wrap-body"><div class="wrap"><div class="wrap-header h4wrap"><h4>Date</h4><div class="wrap-body">