Typst 0.11.1中如何为图片添加周边间距及调整图文间距

针对你遇到的图片与正文间距不足、标题和正文难以区分的问题，这里提供几种直接的解决方法：

1. 给整个Figure添加底部外边距 #

通过为figure设置bottom属性，拉开它和下方正文的距离：

#lorem(50)

#figure(
  block(width: 100%, height: 10em, fill: green),
  caption: [Shrek green. #lorem(35)],
  bottom: 1.5em // 控制figure与下方正文的间距
)

#lorem(70)

2. 单独调整标题的底部间距 #

如果是标题过长导致和正文混淆，可以给标题单独加底部间距：

#lorem(50)

#figure(
  block(width: 100%, height: 10em, fill: green),
  caption: [Shrek green. #lorem(35)],
  caption-style: (bottom: 1em) // 给标题添加底部间距
)

#lorem(70)

3. 设置图片自身的内边距 #

要给图片（也就是你用block创建的绿色块）添加内边距，直接在block里设置padding属性即可：

#lorem(50)

#figure(
  block(
    width: 100%, 
    height: 10em, 
    fill: green,
    padding: 0.5em // 图片的内边距，四个方向统一设置
    // 也可以单独设置某一边：padding-bottom: 0.5em
  ),
  caption: [Shrek green. #lorem(35)],
  bottom: 1.5em
)

#lorem(70)

4. 全局统一设置所有Figure样式 #

如果希望文档中所有figure都应用这些样式，可以用set figure全局配置：

#set figure(
  bottom: 1.5em, // 全局设置figure与正文的间距
  caption-style: (bottom: 1em) // 全局设置标题的底部间距
)

#lorem(50)

#figure(
  block(width: 100%, height: 10em, fill: green, padding: 0.5em),
  caption: [Shrek green. #lorem(35)]
)

#lorem(70)

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