如何避免空HTML标签渲染时生成换行符？

方法1：用代码块生成纯空标签 #

在R Markdown中使用htmltools包的函数直接生成空元素，Pandoc渲染时不会添加额外空白：

# 生成空div
htmltools::div(class = "target-empty")

# 生成空p标签
htmltools::p()

渲染后得到的HTML为<div class="target-empty"></div>和<p></p>，无内部换行符，可被:empty伪类正常识别。

方法2：压缩写法的原生HTML标签 #

直接在Markdown中写无空格的紧凑空标签，避免拆分换行：

<div class="target-empty"></div>
<p></p>

不要写成带换行的松散格式，否则会被解析为包含空白文本节点的元素：

<div class="target-empty">
</div>

方法3：自定义CSS兼容方案 #

如果无法避免标签内的空白，可改用类选择器替代:empty，直接给目标元素添加专属类：

.target-empty {
  border: 1px solid red;
  height: 20px;
  /* 你的其他样式规则 */
}

这种方式不受元素内部空白影响，兼容性和可靠性更高。

方法4：调整Pandoc渲染参数 #

在YAML头部添加Pandoc参数，禁止保留多余空白字符：

output:
  html_document:
    pandoc_args: ["--strip-empty-paragraphs", "--wrap=none"]

--strip-empty-paragraphs会移除空段落，--wrap=none避免自动换行格式化，能减少空标签内的空白生成。

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