如何移除Quarto生成HTML中文本输出的横向滚动条？

以下是几个直接有效的YAML配置方案，针对你遇到的代码输出文本（如cat()的打印内容）出现横向滚动条的问题：

方案1：全局配置输出块换行参数 #

在Quarto文档的YAML头部，同时设置代码块和输出块的换行参数，明确指定输出内容自动换行：

---
title: "你的文档标题"
format:
  html:
    code-overflow: wrap
    output-overflow: wrap
---

code-overflow仅作用于代码块本身，output-overflow才是专门控制代码对应输出内容的换行行为，两者配合就能覆盖大部分场景。

方案2：注入自定义CSS强制换行 #

如果方案1无效，直接通过YAML添加自定义CSS，覆盖输出块的默认样式：

---
title: "你的文档标题"
format:
  html:
    code-overflow: wrap
    css: |
      .cell-output pre {
        white-space: pre-wrap !important;
        word-wrap: break-word !important;
        overflow-x: hidden !important;
      }
---

这段CSS会强制所有代码输出块的文本自动换行，同时隐藏横向滚动条。.cell-output pre是Quarto HTML中输出块的默认选择器，!important确保样式优先级覆盖默认设置。

方案3：局部调整单个输出块 #

如果只需要某一个输出块去掉滚动条，可以在对应代码块前添加单元格选项：

#| output-overflow: wrap
cat("Patent 1:", strat_imp$Title[1])

这种方式适合不需要全局修改的局部场景。

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