如何在Typst中实现图片与文本并排且文本环绕图片？

在Typst里，你可以借助float元素搭配wrap参数快速实现文本环绕图片的排版效果，以下是具体实现方案：

基础实现示例 #

#set page(width: 18cm)

// 左侧浮动图片，文本自动环绕
#float(
  left,
  width: 8cm,
  wrap: true,
  image("your-image.png", width: 100%)
)

这里输入需要环绕图片的正文内容，文本会自动在图片右侧排布，当文本高度超过图片后，会延伸到图片下方继续排版。你可以根据需求调整图片宽度、浮动方向（`left`/`right`）以及页面宽度等参数，适配不同排版场景。

// 带标题的右侧浮动图片示例
#float(
  right,
  width: 7cm,
  wrap: true,
  stack(
    image("your-image.png", width: 100%),
    center(text(size: 10pt, *图1：示例图片*))
  )
)

继续添加更多测试文本，验证环绕效果。通过调整`float`的`width`参数，可控制图片占据的宽度比例，灵活调整文本环绕的空间大小。

关键参数说明 #

• left/right：指定图片的浮动方向，决定文本在图片的左侧还是右侧环绕
• width：设置浮动元素（含图片和可选标题）的整体宽度
• wrap: true：开启文本环绕功能，是实现该效果的核心参数
• 图片设置width: 100%可让图片占满浮动元素的宽度，避免溢出

内容的提问来源于stack exchange，提问作者Nemo