左右图文布局-语雀笔记
在语雀中实现「图片居右，文字居左」的排版效果，可以通过以下两种简单方法实现：
方法一：Markdown 表格分栏
直接在语雀编辑器中插入表格，将文字和图片分开放置在左右单元格：
| 这里是左侧文字段落 |  |
|---------------------|---------------------|
- 调整表格边框为「无边框」模式，视觉效果更干净
- 支持自由拖动列宽比例
方法二：HTML 浮动代码
在需要插入图片的位置，直接用 HTML 包裹图片并设置右浮动：
<div style="float: right; margin-left: 20px;">
< img src="图片URL" alt="描述" width="300">
</div>
这里是左侧的文字段落，文字会自动环绕图片右侧空白区域。
- 通过
margin-left控制图片与文字的间距 width可限制图片宽度避免过大
操作提示：
- 点击编辑器右上角 「</>」 切换代码模式插入代码
- 图文混排时建议先写文字，再插入图片代码
- 手机端编辑可能无法实时预览，建议电脑端操作
效果示例👇
