29

Mathjax 元素默认居中对齐。

如何使 Mathjax 元素左对齐？

4

11 回答 11

38 
MathJax.Hub.Config({
    jax: ["input/TeX","output/HTML-CSS"],
    displayAlign: "left"
});
于 2012-07-02T15:12:50.690 回答
9

或者我的 CSS 解决方案：

.MathJax_Display {
  text-align: left !important;
}

它对我有用。

于 2012-08-24T09:10:20.550 回答
4

我通过在第一行末尾添加 \hspace{10cm} [ MathJax and left align ].code找到了一个只有在 MathJax 语义中的技巧，如下所示：

$$
\begin{align}
x & = 1+1 \hspace{100cm} \\
& = 2
\end{align}
$$

例如我的代码是：

$$
\begin{aligned}
\sqrt{37} & = \sqrt{\frac{73^2-1}{12^2}} \\
 & = \sqrt{\frac{73^2}{12^2}\cdot\frac{73^2-1}{73^2}} \\ 
 & = \sqrt{\frac{73^2}{12^2}}\sqrt{\frac{73^2-1}{73^2}} \\
 & = \frac{73}{12}\sqrt{1 - \frac{1}{73^2}} \\ 
 & \approx \frac{73}{12}\left(1 - \frac{1}{2\cdot73^2}\right)
\end{aligned}
$$

和这样的效果：

对齐

于 2020-06-29T06:30:14.903 回答
3

编辑到以前的答案，这对我来说非常有用

.MathJax_Display { 
    text-align: left !important;
    display: inline !important;
}
于 2013-09-24T11:45:19.583 回答
2

其他答案对我不起作用 - 但起作用的是修改 MathJax 正在显示的 MathML（我知道其他输入格式有等价物）。我试图正确缩进，但概念是一样的。

对于 MathML，我必须添加indentalign="right"到<math ...>标签中，例如：

<math indentalign="right" xmlns="http://www.w3.org/1998/Math/MathML">...</math>

之后 MathJax 正确地右对齐了我的内容。

于 2015-05-27T12:12:15.603 回答
1

在具有标准配置 TeX-MML-AM_CHTML 的当前版本的 MathJax (2.7.5) 中， text-align 属性设置在具有类 mjx-chtml 和 MJXc-display 的元素上。因此，基于 MathJax_Display 构建的解决方案将不再适用。

为了获得更大的灵活性，您可以将父级添加<div class="math-left-align">到您的数学内容中，这样您就可以选择如何逐个调整您的数学。

你的 HTML 看起来像

<div class="math-left-align">
    $$ a + b = c $$
</div>

以及对应的CSS

.math-left-align .mjx-chtml.MJXc-display{
    text-align: left !important;
 }
于 2019-05-24T07:46:24.277 回答
1

根据 MathJax 3.0 文档，您需要displayAlign通过将以下内容添加到 HTML 文件中来选择该选项：

<script>
    MathJax = {
        chtml: { displayAlign: 'left' }
    };
</script>
于 2020-04-29T13:51:28.897 回答
0

我发现可以通过将 MathJax 方程包装在 0 宽度左对齐中来左对齐div

例如，虽然这在文档中间给出了一个“居中”的方程：

<body>
$$ f(x) = x^2 $$
</body>

这将给出一个左对齐的方程：

<body>
    <div style="width:0; float:left;">
        $$ f(x) = x^2 $$
    </div>
</body>

jsbin

于 2019-12-29T04:15:35.197 回答
0

这似乎适用于 MathJax 3.0，

MathJax = {
  tex: {
    inlineMath: [
      ['$', '$'],
      ['\\(', '\\)']
    ]
  }
};
.left {
  display: flex;
  justify-content: flex-start;
}

.right {
  display: flex;
  justify-content: flex-end;
}
  <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js">
  </script>


<div class="right">
  $$\text{ex1: } \frac{1}{2}
</div>

<br>

<div class="right">
  $$\text{ex2: } \frac{12}{6}
</div>

于 2020-08-19T06:30:38.027 回答
0

截至 2021 年，我必须使用

mjx-container {
    text-align: left !important;
}
于 2021-09-02T08:11:51.243 回答
0

以下代码对我有用。

<script>
MathJax = {
  tex: {
    inlineMath: [['$', '$'], ['\\(', '\\)']],
    tags: 'ams'
  },
  svg: {
    fontCache: 'global',
    displayAlign: 'left',
    displayIndent: '1.5em'
  }
};
</script>
<script type="text/javascript" id="MathJax-script" async
  src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js"></script>
于 2022-01-21T01:50:01.557 回答