MathJax 库在公式中留下滚动条
发布于2023-12-26 22:16 阅读(1252) 评论(0) 点赞(21) 收藏(1)
我一直在尝试使用 MathJax 创建一些数学工具来用于我的 A-Levels，我目前正在制作一个二次方程页面和一个用于二次方程根的小型计算器。
当我尝试使用 MathJax 显示公式时，我的问题出现了，正如您在此处看到的那样（http://www.lucapassariello.co.uk/mathsTools/quadratics），显示的内容是一堆滚动图标，并且当正确时公式确实显示了很短的时间，一切似乎都被提升为虚无的力量。
下面是用于库和配置脚本的链接。
<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>
非常感谢任何帮助。
解决方案
您提供的代码按预期工作，所以我认为它必须与您的网站有关。
如果您从文件中删除 overflow-x: hidden;以下代码，resources/public/css/style.css那么您将恢复工作。它似乎与 Mathjax css 冲突并切断了从脚本渲染的元素。
如果您仍然需要，overflow-x: hidden那么我建议您更有选择性地使用它，而不是使用*
*{
margin: 0;
padding: 0;
overflow-x: hidden;
}
所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.qianduanheidong.com/blog/article/533302/c4a66d8d03d781c6f5ea/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力