Quarto如何同时实现PDF与HTML文本右对齐？

要实现Quarto渲染的文本同时在PDF和HTML中右对齐，无需混用LaTeX和HTML专用语法，推荐以下两种简洁方案：

方案一：使用Pandoc原生对齐属性（最简便） #

直接在Div块上添加align="right"属性，Quarto会自动为HTML生成对应CSS样式，为PDF转换为LaTeX的flushright环境：

---
title: "How to right justify both html and pdf"
---

Here is some intitial text in usual left-justified format.

::: {align="right"}
This text will be right-justified in both HTML and PDF.
:::

Here is some *more* text in usual left-justified format.

测试验证：

• HTML输出：Div块会被添加text-align: right样式，文本右对齐
• PDF输出：Div块会被转换为\begin{flushright}环境，文本右对齐

方案二：自定义跨格式环境（更灵活） #

如果需要更个性化的样式，可以定义一个自定义类，分别为HTML和PDF配置样式：

1. 在文档YAML头部添加格式特定设置：

---
title: "How to right justify both html and pdf"
format:
  html:
    css: |
      .right-align {
        text-align: right;
        /* 可添加额外HTML样式，比如margin、padding */
      }
  pdf:
    include-in-header:
      text: |
        \newenvironment{rightalign}{\begin{flushright}}{\end{flushright}}
---

2. 在文档中使用自定义类的Div：

::: {.right-align}
This text will be right-justified in both HTML and PDF.
:::

为什么你的混合尝试失败？ #

• 尝试2、3、4中混用LaTeX环境和HTML Div：Quarto在HTML渲染时会忽略LaTeX代码，导致包含LaTeX的内容不显示；在PDF渲染时，HTML的style属性会被忽略，同时嵌套的Div和LaTeX环境会产生语法冲突，导致样式失效。

内容的提问来源于stack exchange，提问作者John K. Kruschke