程序员最近都爱上了这个网站  程序员们快来瞅瞅吧!  it98k网:it98k.com

本站消息

站长简介/公众号

  出租广告位,需要合作请联系站长


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

暂无数据

MathJax 库在公式中留下滚动条

发布于2023-12-26 22:16     阅读(1034)     评论(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/

来源:前端黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

21 0
收藏该文
已收藏

评论内容:(最多支持255个字符)