使MathJax服从max-width属性

Question

我有一段带有一堆数学的段落，我有一条规则设置所有段落的最大宽度为30em。我认为内联数学遵循这个规则，但生成的显示数学只是向右移动。有没有办法强制它在达到最大宽度时环绕？

为了清楚说明这一点，我附上了一张图片，说明当它设置为20em时会发生什么。

#infoDiv p {
    max-width: 20em;
}

这是我的MathJax配置：

MathJax.Hub.Config({
    extensions: ["tex2jax.js","TeX/AmsMath.js","TeX/AMSsymbols.js"],
    jax: ["input/TeX","output/HTML-CSS"],
    tex2jax: {
        inlineMath: [ ['$','$'], ["\\(","\\)"] ],
        displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
        processEscapes: true,
        processEnvironments: true
    },
    displayAlign: "left",
    skipTags: ["script","noscript","style","textarea"],
    "HTML-CSS": { availableFonts: ["TeX"], linebreaks: { automatic: true } },
    SVG: { linebreaks: { automatic: true } }
});

编辑：以下是不在最大宽度范围内的部分：

To see this, let $M = [m_{ij}]$, $\mathbf{u} = (u_1, \ldots, u_n)$ and $\mathbf{v} = (v_1, \ldots, v_n)$. Then
\begin{align*}
(M\mathbf{u})\cdot v &= \begin{bmatrix}
m_{11} u_1 + m_{12}u_2 + \cdots + m_{1n}u_n
\\ \vdots
\\ m_{n1} u_1 + m_{n2}u_2 + \cdots + m_{nn}u_n
\end{bmatrix} \cdot \mathbf{v}
\\ &= v_1 ( m_{11} u_1 + m_{12} u_2 + \cdots + m_{1n} u_n ) + \cdots
\\ &+ v_n ( m_{n1} u_1 + m_{n2} u_2 + \cdots + m_{nn} u_n ) \tag{def of $\cdot$ and comm. of $\cdot$ in $\mathbb{R}$}
\end{align*}