【サンプル】scriptコードで数式を左寄せ【MathJax】

このページでは以下のようなscriptコードを追加して、MathJaxの数式を左寄せにしています。

JavaScript

<script>
MathJax = { chtml: { displayAlign: "left", }
};
</script>

【表示例】

\[\frac1m+\frac1n=\frac{3}{77}\] \[\Leftrightarrow\frac{m+n}{mn}=\frac{3}{77}\] \[\Leftrightarrow3mn-77m-77n=0\]

ちゃんと左寄せになってますね。

この方法を使うと、すべての数式が左寄せ（左揃え）になります。

「ここだけ中央寄せにしたい」というときには、次の通りにやります。

まず、CSSに以下のように追加しておきます。

CSS

div.imadake-center mjx-container[jax="CHTML"][justify="left"]{	text-align: center;
}

その上で、中央寄せにしたい数式を <div class="imadake-center"> と</div>で囲みます。

たとえば、今回の場合だと次のようにHTMLを書きます。

HTML

<div class="imadake-center">
\[\frac1m+\frac1n=\frac{3}{77}\]
\[\Leftrightarrow\frac{m+n}{mn}=\frac{3}{77}\]
\[\Leftrightarrow3mn-77m-77n=0\]
</div>

中央寄せになりました。

\[\frac1m+\frac1n=\frac{3}{77}\] \[\Leftrightarrow\frac{m+n}{mn}=\frac{3}{77}\] \[\Leftrightarrow3mn-77m-77n=0\]

MathJaxの数式を左寄せにする方法についてのもっと詳しい解説は、つぎのページをご覧ください。