# 列

栏是为您的文档创建不同布局的绝佳方式。您可以在栏中添加许多不同类型的块，并调整每一侧的宽度，以根据您需要的设计进行自定义。

{% columns %}
{% column width="50%" %}

#### 在您的文档与产品之间打造无缝体验

将您的文档直接集成到产品体验中，或为用户提供个性化体验，让他们更快获得所需内容。

<a href="https://www.gitbook.com/#alpha-waitlist" class="button primary">了解更多</a>
{% endcolumn %}

{% column %}

<figure><img src="https://2111890564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2FNMfJRm6dUVv7erqeWmAk%2Fcolumns.png?alt=media&#x26;token=925af10f-1f4e-40cc-9cd2-cccf213460ff" alt="An image of GitBook icons demonstrating side by side column functionality"><figcaption></figcaption></figure>
{% endcolumn %}
{% endcolumns %}

## 在 Markdown 中的表示

<pre class="language-markdown" data-overflow="wrap"><code class="lang-markdown"><strong>## 示例
</strong>




### 在您的文档与产品之间打造无缝体验

将您的文档直接集成到产品体验中，或为用户提供个性化体验，让他们更快获得所需内容。

&#x3C;a href="https://www.gitbook.com/#alpha-waitlist" class="button primary">了解更多&#x3C;/a>





&#x3C;figure>&#x3C;img src="../../.gitbook/assets/GitBook vision post.png" alt="展示并排栏功能的 GitBook 图标图片">&#x3C;figcaption>&#x3C;/figcaption>&#x3C;/figure>




</code></pre>