web-dev-qa-db-ja.com

Mathjax要素を左揃えにする方法

Mathjax要素はデフォルトで中央揃えになっています。

Mathjax要素を左揃えにするにはどうすればよいですか？

mathjax
24
Anas
MathJax.Hub.Config({
    jax: ["input/TeX","output/HTML-CSS"],
    displayAlign: "left"
});
30
Anas

またはCSSを使用した私のソリューション：

.MathJax_Display {
  text-align: left !important;
}

それは私のために働いた。

10
Lucas

前の答えに編集してください、これは私にとって完璧に機能します

.MathJax_Display { 
    text-align: left !important;
    display: inline !important;
}
3
ddw147

他の答えは私にはうまくいきませんでした-しかし、うまくいったのは、MathJaxが表示していたMathMLを変更することでした（そして私は他の入力フォーマットに相当するものがあることを知っています）。正しくインデントしようとしましたが、概念は同じです。

MathMLの場合、indentalign="right"タグに<math ...>を追加する必要がありました。例：

<math indentalign="right" xmlns="http://www.w3.org/1998/Math/MathML">...</math>

その後、MathJaxはコンテンツを正しく右揃えにしました。

1
Clay H

標準構成TeX-MML-AM_CHTMLを使用する現在のバージョンのMathJax（2.7.5）では、text-alignプロパティはクラスmjx-chtmlおよびMJXc-displayの要素に設定されています。したがって、MathJax_Display上に構築されたソリューションは機能しなくなります。

柔軟性を高めるために、親を追加できます<div class="math-left-align">数学の内容に合わせて、数学をケースバイケースで調整する方法を選択できるようにします。

HTMLは次のようになります

<div class="math-left-align">
    $$ a + b = c $$
</div>

そして対応するCSS

.math-left-align .mjx-chtml.MJXc-display{
    text-align: left !important;
 }
0
CheshireCat

MathJax方程式を0幅の左揃えdivでラップすることにより、左揃えにできることがわかりました。

たとえば、これはドキュメントの中央に「中心の」方程式を与えますが、次のようになります。

<body>
$$ f(x) = x^2 $$
</body>

これにより、左揃えの方程式が得られます。

<body>
    <div style="width:0; float:left;">
        $$ f(x) = x^2 $$
    </div>
</body>

jsbin

0
Scott