You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Quarto PDF输出场景下如何实现图文并排布局?

Quarto PDF 图文并排实现方案

Quarto的PDF输出基于LaTeX,Bootstrap网格仅适用于HTML场景,所以得用LaTeX相关的排版方法来实现图文并排,下面是几种直接可用的方案:

方案1:用Quarto原生列布局(推荐)

不用写LaTeX,纯Markdown语法就能实现,Quarto会自动转成LaTeX支持的排版:

:::{columns}
:::{column width="60%"}
这里是要和图片并排的文本内容,支持所有Markdown语法:
- 可以加列表项
- 可以用*强调文本*
- 甚至插入代码`print("hello")`
:::
:::{column width="35%"}
![你的图片](path/to/image.png){width=100%}
:::
:::

调整两个column的width百分比即可控制布局,总和建议不超过95%,留一点间距避免内容挤在一起。

方案2:嵌入LaTeX minipage环境

适合需要更精细控制排版的场景:

\begin{minipage}{0.6\textwidth}
\begin{markdown}
这里是左侧文本,用markdown环境包裹就能正常解析Markdown语法,比如**加粗**、*斜体*都没问题。
\end{markdown}
\end{minipage}
\hfill % 添加自动间距
\begin{minipage}{0.35\textwidth}
![图片](path/to/image.png){width=100%}
\end{minipage}

方案3:用LaTeX wrapfigure实现文本环绕

如果需要文本环绕图片的效果,用这个环境:

\begin{wrapfigure}{r}{0.35\textwidth}
\centering
![图片](path/to/image.png){width=100%}
\caption{可选的图片标题}
\end{wrapfigure}
这里的文本会自动环绕在图片左侧({r}代表图片靠右,换成{l}就是图片靠左),适合长文本和小图的组合场景。

关于你之前的尝试说明

你添加的page-layout: custom和Bootstrap相关配置只对HTML输出生效,PDF完全不依赖Bootstrap,所以这些设置不会起作用,必须用上面的LaTeX相关方案才能实现PDF的图文并排。

内容的提问来源于stack exchange,提问作者Peter

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.07 13:22:52