不同分隔符的不同属性?

时间:2015-08-02 14:13:31

标签: html delimiter mathjax

我知道我可以像这样指定分隔符

span Hello world
  ul.fa-ul
    li
      i.fa-li.fa.fa-facebook
      a(href='#') Facebook
    li
      i.fa-li.fa.fa-lg.fa-twitter
      a(href='#') Twitter
    li
      i.fa-li.fa.fa-lg.fa-google-plus
      a(href='#') Google+
    li
      i.fa-li.fa.fa-lg.fa-linkedin
      a(href='#') LinkedIn

我的问题是,是否可以将不同的属性/样式表分配给不同的分隔符?在我的情况下,我希望用MathJax.Hub.Config({ "tex2jax": { displayMath: [["$$", "$$"], ["\\(", "\\)"]], inlineMath: [["$", "$"]] } }); 包围的公式居中(这似乎是默认的并且公式与$$\(保持一致,以保持对齐。

1 个答案:

答案 0 :(得分:1)

可能有一种方法可以修改tex2jax处理器并使用自己的delimiters添加新类型的显示,但使用classes可以更轻松地实现几乎相同的结果和styles您可以轻松添加到config对象。例如,您只需将类左侧添加到要左对齐的MathJax元素。

MathJax.Hub.Config({
    "tex2jax": {
        displayMath: [
            ["$$", "$$"],
            ["\\(", "\\)"]
        ],
        inlineMath: [
            ["$", "$"]
        ]
    },
    displayAlign: "",
    "HTML-CSS": {
        styles: {
            ".left .MathJax_Display": {
                "text-align": "left"
            }
        }
    }

});
<script type='text/javascript' src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<p class="left">$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$</p>
<p>$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$</p>

这要求您将MathJax放在标签之间。

编辑:

您还可以更改默认样式,以便以相同的方式覆盖某些.MathJax_Display属性。像这样:

MathJax.Hub.Config({
    "tex2jax": {
        displayMath: [
            ["$$", "$$"],
            ["\\(", "\\)"]
        ],
        inlineMath: [
            ["$", "$"]
        ]
    },
    displayAlign: "",
    "HTML-CSS": {
        styles: {
            ".left .MathJax_Display": {
                "text-align": "left"
            },
            ".MathJax_Display":{
                "text-align": "right"
            }
        }
    }
});
<script type='text/javascript' src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<p class="left">$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$</p>
<p>$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$</p>