MathJax 库在公式中留下滚动条

Question

我一直在尝试使用 MathJax 创建一些用于我的 A-Level 的数学工具，我目前正在制作一个二次方程式页面和一个二次方程根的小型计算器。

当我尝试使用 MathJax 显示公式时，我的问题就来了，正如您在此处看到的那样 (http://www.lucapassariello.co.uk/mathsTools/quadratics)，显示的是一团乱麻的滚动图标，而正确的公式确实显示了短短的时间，一切都仿佛升腾成了虚无的力量。

下面是用于库和配置脚本的link。

    <script type="text/x-mathjax-config">
      MathJax.Hub.Config({
        tex2jax: {inlineMath: [["$","$"],["\(","\)"]]}
      });
    </script>
    <script type="text/javascript" async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/MathJax.js?config=TeX-MML-AM_CHTML"></script>

这里是二次公式的实现HTML。

<p>$$x=\frac{-b \pm \sqrt{b^2 -4ac}}{2a}$$</p>

非常感谢任何帮助。

Answer 1

您提供的代码按预期工作，所以我认为它必须与您的网站有关。

如果您从 resources/public/css/style.css 文件中的以下代码中删除 overflow-x: hidden;，那么您将恢复工作。它似乎与 Mathjax css 冲突并切断了从脚本呈现的元素。

如果您仍然需要 overflow-x: hidden 那么我建议您更有选择性地使用它而不是使用 *

*{
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

MathJax 库在公式中留下滚动条

MathJax Library Leaving Scroll Bars in Formulae

html

javascript

math

mathjax