Javascript MathJax库在公式中保留滚动条

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

我的问题是，当我试图使用MathJax显示一个公式时，正如您在这里所看到的（），显示的是一堆滚动图标，当正确的公式显示很短的时间时，所有内容似乎都被认为是虚无的力量

下面是指向库和配置脚本的链接

    <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>

MathJax.Hub.Config({
tex2jax:{inlineMath:[[“$”，“$”]，[“\\（“，“\\）”]}
});

这是二次公式的实现HTML

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

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

---

非常感谢您的帮助。

您提供的代码按预期工作，因此我认为它与您的站点有关

如果删除

溢出-x：隐藏

从

resources/public/css/style.css

文件中的以下代码，然后您将返回工作。它似乎与Mathjax css冲突，并切断了从脚本中呈现的元素

如果您仍然需要

overflow-x:hidden

，那么我建议您对它进行更多选择，而不是使用

*

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