---
title: 垂直拆分
slug: docs/cn/9R31yaJjvUKZ-5TVoL7pu
createdAt: 2024-07-24T11:16:06.896Z
---
它将您的内容分成左右并排的两列，使您能够以更具视觉吸引力的方式呈现信息。就像拥有两个并排的画布可供使用一样。
## 何时使用
- **比较和对比**
展示两个主题或产品之间的相似点和差异。
- **创建并排内容**
将相关信息一起展示，例如特性和优势。
- **提高可读性**
通过视觉元素分隔长段落文本。
- **展示多个示例**
将不同的选项或变化并排呈现。
## 如何使用垂直分割块
::::WorkflowBlock
:::WorkflowBlockItem
键入 `/` 以打开 Archbee block 菜单
:::
:::WorkflowBlockItem
搜索 **垂直分割** block 并点击插入
:::
:::WorkflowBlockItem
从右上角选择宽度比例。
您有 3 个选项：
- **30/70 **分割
- **50/50 **分割
- **70/30** 分割
:::
:::WorkflowBlockItem
您可以随意添加内容。您可以使用 [WYSIWYG Menu](#) 按您的喜好来设置内容样式，甚至插入其他 block，例如：
- [标题](docId\:f9FqgDFaoa8-TtG9OpQEW)
- [可展开标题](docId:37wrUKXmvYY2FFtpgOmO7)
- [列表](docId\:q0U1u0MTYYTdbKaKLsSxF)
- [按钮](docId\:UI4jtExZ5_EtasD0MvhRo)
- [提醒](docId\:eVjVC5JW2C7_ckmMT_L0H)
- [水平分割线](docId\:UzqpQrYa2i5WwhZI_9TBz)
- [Minitaskers](docId\:HcrD-7ESaMyGkrN7WVkdK)
- [文件](docId\:zj8K-O7gYKFd_BLkuVBuY)
- [图片](docId\:Li_wQ4wX1zgWoBGFqfyNG)
- [视频](docId\:AWprIdYplayS98fRvNJJA)
- [地图](docId\:AfDq_95djub_zI0_49EI0)
- [代码编辑器：多语言](docId\:u3YcqvVjw29KkZC1Y9NSw)
- [嵌入示例](docId\:Yz49UnK6R7ORe1A2s9x8s)
:::
::::
## 示例
:::::::Tabs
:::::Tab{title="比较方案"}
**比较方案 **— 清晰地并排展示不同方案的功能、价格和优势。
::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
用于管理和分发文档的标准功能。
无限阅读者 无限项目空间 公共或私有门户 自定义域和品牌 自定义 JavaScript 密码保护
:::
:::VerticalSplitItem
用于扩展文档的高级功能和完整品牌控制。
Growing 方案中的所有内容 完整品牌控制 审核系统 可复用内容和变量 版本管理和本地化 高级团队访问控制 高级阅读者访问控制
:::
::::
查看更多详情请访问 [https://www.archbee.com/pricing](https://www.archbee.com/pricing) 页面。
:::::
::::::Tab{title="分步指南"}
**分步指南 **— 在一栏中展示视觉说明或代码片段，同时在另一栏中提供书面解释（对于操作指南，您可以使用 [Workflow](docId\:U5a-dqTfN_D3-TzYwi-gu) 模块）。
:::::VerticalSplit{layout="right"}
::::VerticalSplitItem
了解 Archbee 如何帮助您提供能为最终用户、开发者和团队解答问题的文档。
预订一个时间，与我们的产品负责人交流并获取演示。（绝对不是销售电话！）
:::CtaButton{label="预约演示" externalHref="https://www.archbee.com/book-a-demo" openInNewTab="true"}
:::
::::
:::VerticalSplitItem
:::
:::::
::::::
:::::Tab{title="注意事项"}
**注意事项 **— 在一栏中清晰列出最佳实践和潜在问题，在另一栏中提供相应的解释或后果。
::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
应做
✅ 主 CTA 在所有内容中脱颖而出
✅ 次级 CTA 不那么显眼
:::
:::VerticalSplitItem
不要
❌ 没有自然的层次结构
❌ 没有视觉触发或感受混乱
:::
::::
:::::
:::::Tab{title="常见问题区域"}
::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
**使用 Archbee 能让我变得富有吗？**
:::
:::VerticalSplitItem
我们无法保证，但值得一试。
毕竟，如果它不能让您成为百万富翁，至少您会拥有非常好看的文档。
而且，说实话，当您可以因使用 [使用人工智能回答您用户问题的文档门户](docId\:ymc0e2aSlpyYDXpxAqVJ-) 而获得称赞时，谁还需要钱呢？
:::
::::
:::::
:::::::
***
:::hint{type="info"}
**🧠 请记住**
有效使用垂直分割的关键在于平衡。确保每一列中的内容彼此相辅相成，并有助于文档整体信息的传达。
尝试不同的内容组合，以找到最适合您读者的呈现方式。
:::
***
::::LinkArray
:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-C1IcmVcG0rx4ZLHX6X7V7-20250911-192557.png"}
:FontAwesome[]{icon="fa-solid fa-cubes"} ** 查找其他区块**
探索用于创建令人惊叹且功能强大的文档页面的新方法和区块。
[查看所有区块](docId\:B4IohMBgLgJ5t-HvaLMTF)
:::
:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-YRyGGWKsNS1ZZJa5XJy0z-20250911-192608.png"}
:FontAwesome[]{icon="fa-solid fa-headset"}** 需要帮助？ ⬇️**
使用位于右下角的**蓝色** **聊天气泡**。
或者使用**AI 聊天**（来自搜索框）以便快速获得答案。
:::
:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-MS_ubDHlXgoktt4svD2rL-20250911-192619.png"}
:FontAwesome[]{icon="fa-solid fa-hand-holding-heart"}** 您的意见很重要**
请使用下面的反馈表单（匿名）。
或者在**Q\&A 区域**中提问，我们的团队或 AI 会为您提供解决方案。
:::
::::