将彩色背景限制在 rmarkdown 中的方程区域

Question

我想为方程式添加彩色背景。我试过下面的代码，但不幸的是，彩色背景扩展到边缘，而不是局限于等式。有人可以帮我吗？

---
title: "Untitled"
output: html_document
---

Some text

<div style="background-color: rgb(255,255,153);">
$$Y = \beta_0 + \beta_ 1 X_1 + \ldots + \beta_n X_n.$$
</div>

Answer 1

A DIV 默认是块元素。 SPAN 是内联元素。

试试这个：

<span style="background-color: rgb(255,255,153);padding:10px;">
$$Y = \beta_0 + \beta_ 1 X_1 + \ldots + \beta_n X_n.$$
</span>

填充控制等式周围的颜色量。

Answer 2

您可以使用 CSS 样式来完成此操作。将其放入您的文档中，或放入 YAML header:

中包含的单独 CSS 文件中

<style>
span.MathJax {
  background-color: rgb(255,255,153)
}
</style>

这将使您的所有 MathJax 代码具有黄色背景。如果你只想显示方程有它，使用

<style>
div.MathJax_Display > span.MathJax {
  background-color: rgb(255,255,153)
}
</style>

如果您只想让一个特定的方程有颜色，那么您应该使用更具体的 select 或者，例如

<style>
#MathJax-Element-1-Frame {
  background-color: rgb(255,255,153)
}
</style>

在第二个等式中输入 #MathJax-Element-2-Frame 等。如果有很多等式，这可能会很乏味，因此您可以在要突出显示的那些上添加 class，然后 select那些，例如

<style>
div.Highlighted span.MathJax {
  background-color: rgb(255,255,153)
}
</style>

This one is regular:
$$Y = \beta_0 + \beta_ 1 X_1 + \ldots + \beta_n X_n.$$

This one is highlighted:
<div class="Highlighted">
$$Y = \beta_0 + \beta_ 1 X_1 + \ldots + \beta_n X_n.$$
</div>

根据评论，Bookdown 可能需要您请求 HTML-CSS 渲染，这可以通过在其中一个方程上单击鼠标右键，然后按照菜单 Math Settings | Math Renderer | HTML-CSS 来完成。

将彩色背景限制在 rmarkdown 中的方程区域

Confining colorful background to the area of an equation in rmarkdown

r

r-markdown

markdown

bookdown