如何在Quarto的HTML输出中居中R结果并添加灰色背景？

要在Quarto的HTML输出里修改R对象（如mtcars）的对齐方式并添加灰色背景，最直接的方式是通过自定义CSS样式实现，以下是两种常用方案：

全局设置（所有R输出生效） #

在Quarto文档的开头添加CSS样式块，对所有R代码的输出统一设置样式：

1. 先在文档的YAML元数据中指定HTML格式（如果没设置的话）：

---
title: "自定义R输出样式示例"
format: html
---

2. 添加CSS样式代码块：

<style>
/* 选中代码块后的R输出容器 */
div.sourceCode + div.output {
  /* 设置对齐方式：居中用center，右对齐用right */
  text-align: center;
  /* 浅灰色背景 */
  background-color: #f5f5f5;
  /* 内边距，避免内容贴边 */
  padding: 12px;
  /* 可选：添加圆角优化视觉 */
  border-radius: 6px;
}

/* 确保表格内容跟随对齐（表格是块级元素，需单独设置外边距） */
div.output table {
  /* 配合容器居中：左右外边距自动 */
  margin: 0 auto;
  /* 如果是右对齐，替换为：margin-left: auto; margin-right: 0; */
}
</style>

3. 正常编写R代码块即可生效：

mtcars

单个代码块设置（仅指定输出生效） #

如果只想调整某一段R代码的输出样式，可以给代码块添加自定义类，再通过CSS针对性设置：

1. 同样先确保文档是HTML格式，然后添加CSS样式块：

<style>
.custom-r-output {
  text-align: center; /* 或right */
  background-color: #f5f5f5;
  padding: 12px;
  border-radius: 6px;
}

.custom-r-output table {
  margin: 0 auto; /* 右对齐则设置margin-left: auto; margin-right: 0; */
}
</style>

2. 在目标R代码块中添加class-output选项：

#| class-output: custom-r-output
mtcars

这样只有这个代码块的输出会应用自定义样式，其他R输出保持默认。

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