How do I left-align all MathJax equation "on-render". When you set displayAlign: "left"
, the equations would first be centered, then after 0.5s, they move to the left. So basically, it flashes to the left, which is visually unpleasant.
Is there a way to make it appear on the left on render? This is the code I have now.
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
config: ["MMLorHTML.js"],
jax: ["input/TeX","input/MathML","input/AsciiMath","output/HTML-CSS","output/NativeMML", "output/CommonHTML"],
extensions: ["tex2jax.js","mml2jax.js","asciimath2jax.js","MathMenu.js","MathZoom.js", "CHTML-preview.js"],
TeX: {
extensions: ["AMSmath.js","AMSsymbols.js","noErrors.js","noUndefined.js"]
},
displayAlign: "left"
});
</script>
<script src="//cdn.mathjax.org/mathjax/latest/MathJax.js"></script>