14

我对此很困惑。我搜索了教程，但找不到任何对我有意义的教程，如何为 MathJax 输出设置 CSS 类？我只是想让字体变大。目前包括：

<script type="text/javascript"
  src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>

在我的页面底部。渲染 TEX 很好，但我想在上面设置一些 CSS！

理想情况下，我想将 CSS 类名传递给它。

4

2 回答 2

21

您是否尝试scale在输出处理器中设置选项？请参阅手册。您可以在文件或内联中设置配置选项；此页面涵盖了该过程。

基本上，您在页面或包含的文件中包含一小段 JavaScript。例子：

<script type="text/javascript">    
  MathJax.Hub.Config({    
    extensions: ["tex2jax.js"],    
    "HTML-CSS": { scale: 100}    
  });    
</script>

此外，您可以简单地将事物包围在一个div应用的 CSS 类中。查看此页面上的源代码。

<div style="font-size: 500%;">    
\[

  g\frac{d^2u}{dx^2} + L\sin u = 0

\]    
</div>

该等式将简单地继承字体大小。

于 2011-04-12T18:25:13.263 回答
13

更新：

正如我现在了解到的，不要在mathjax 中使用 CSS 来设置 TeX 样式，这可能会导致显示问题。见这里：https ://github.com/mathjax/MathJax/issues/925

解决方案是将 Javascript 与 Config 块一起使用：

<script type="text/x-mathjax-config"> 
    MathJax.Hub.Config({ 
        "HTML-CSS": { scale: 200, linebreaks: { automatic: true } }, 
        SVG: { linebreaks: { automatic:true } }, 
        displayAlign: "left" });
</script>

过时的：

我正在使用 JQuery 的 getScript() 动态加载 MathJax，以防万一$$页面上有。在这种情况下，上述解决方案不起作用。

解决方法是在加载发生后设置 CSS：

$(".MathJax").css("font-size","150%");

%您也可以使用px或代替字体大小em。

如果这不起作用，请将 !important 用于您的 CSS 样式。例如：

.MathJax, .MathJax_Display  {
    text-align: left !important;
    font-size: 130%  !important;
}
于 2014-08-15T15:14:23.333 回答