左右图文布局-语雀笔记

在语雀中实现「图片居右，文字居左」的排版效果，可以通过以下两种简单方法实现：

---

方法一：Markdown 表格分栏

直接在语雀编辑器中插入表格，将文字和图片分开放置在左右单元格：

| 这里是左侧文字段落 | ![图片描述](图片URL) |
|---------------------|---------------------|

• 调整表格边框为「无边框」模式，视觉效果更干净
• 支持自由拖动列宽比例

---

方法二：HTML 浮动代码

在需要插入图片的位置，直接用 HTML 包裹图片并设置右浮动：

<div style="float: right; margin-left: 20px;">
  < img src="图片URL" alt="描述" width="300">
</div>

这里是左侧的文字段落，文字会自动环绕图片右侧空白区域。

• 通过 margin-left 控制图片与文字的间距
• width 可限制图片宽度避免过大

---

操作提示：

1. 点击编辑器右上角 「</>」 切换代码模式插入代码
2. 图文混排时建议先写文字，再插入图片代码
3. 手机端编辑可能无法实时预览，建议电脑端操作

效果示例👇