首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >MathJax库在公式中保留滚动条

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

Stack Overflow用户
提问于 2018-06-05 04:25:49
回答 1查看 224关注 0票数 0

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

我的问题出现在我尝试使用MathJax显示公式时,正如您在这里(http://www.lucapassariello.co.uk/mathsTools/quadratics)所看到的,显示的是一堆滚动图标,而当正确的公式显示很短的时间时,所有的东西似乎都被提升为一个无用的幂。

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

代码语言:javascript
复制
    <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实现。

代码语言:javascript
复制
<p>$$x=\frac{-b \pm \sqrt{b^2 -4ac}}{2a}$$</p>

任何帮助都会得到极大的重视。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-06-05 04:44:41

您提供的代码按预期工作,所以我认为它必须与您的站点相关。

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

如果您仍然需要overflow-x: hidden,那么我建议您使用它而不是使用*

代码语言:javascript
复制
*{
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50688257

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档