Как выровнять элементы Mathjax

Ответ 1

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

Ответ 2

Или мое решение с CSS:

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

Это сработало для меня.

Ответ 3

Отредактируйте предыдущий ответ, это отлично работает для меня

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

Ответ 4

Другие ответы не сработали для меня - но что изменило работу MathML, которую показывал MathJax (и я знаю, что есть эквиваленты для других форматов ввода). Я пытался отступать правильно, но концепция такая же.

Для MathML мне пришлось добавить indentalign="right" в тег <math ...>, например:

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

после чего MathJax правильно выравнивает мой контент.

Ответ 5

В текущей версии MathJax (2.7.5) со стандартной конфигурацией TeX-MML-AM_CHTML свойство 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;
 }