Javascript jqMath方程换行

我已经开始在我的网站上使用jqMath来表示方程，当这些方程的外部div具有固定宽度时，我需要能够包装这些方程

<div id='math'>$$ x={-b±√{b^2-4ac}}/{2a} \text'A little bit of text that goes along with this.' $$</div>

目前，jqMath将继续一长行的文本和方程，我需要确保'math'div将是一个特定的宽度，并且不会在其中滚动

---

任何帮助都将不胜感激。

如果您想包装文本，那么您可以这样尝试

<div id="math">
    $$x={-b±√{b^2-4ac}}/{2a}$$ 
    <br />
    $$\text' A little bit of text that goes along with this.'$$
</div>

$$x={-b±√{b^2-4ac}/{2a}$$


$$\text“一点与此相关的文本。”$$

或者干脆这样做

<div id="math">
    $$x={-b±√{b^2-4ac}}/{2a}$$ 
    <br />
    A little bit of text that goes along with this.
</div>

$$x={-b±√{b^2-4ac}/{2a}$$


与此相关的一小段文字。

如果要包装文本，可以这样尝试

<div id="math">
    $$x={-b±√{b^2-4ac}}/{2a}$$ 
    <br />
    $$\text' A little bit of text that goes along with this.'$$
</div>

$$x={-b±√{b^2-4ac}/{2a}$$


$$\text“一点与此相关的文本。”$$

或者干脆这样做

<div id="math">
    $$x={-b±√{b^2-4ac}}/{2a}$$ 
    <br />
    A little bit of text that goes along with this.
</div>

$$x={-b±√{b^2-4ac}/{2a}$$


与此相关的一小段文字。

为了避免滚动，您可以使用

溢出：隐藏

在你的#math css中，但我不认为，这个宽度：100px足以用文本显示你的等式。这确实避免了滚动，但它不会将任何文本换行，最大的问题是“\text”中的所有内容，我不介意等式是否不太合适。为了避免滚动，你可以使用

overflow:hidden

在你的#math css中，但我不认为，这个宽度：100px足以用文本显示你的等式。这确实避免了滚动，但它不会将任何文本换行，最大的问题是“\text”中的所有内容，我不介意等式是否不太合适。我喜欢第二个建议。MathML在浏览器中还不如HTML成熟，在math中断行是很困难的。寓意是将真正的数学放在MathML/jqMath中，如果可能的话，将所有其他内容都放在HTML中。因此这有点烦人，但可能是目前最简单的解决方案，所以我刚刚将数学包装在“$$”标记中，并留下了文本和HTML，谢谢。我喜欢第二个建议。MathML在浏览器中还不如HTML成熟，在math中断行是很困难的。寓意是将真正的数学放在MathML/jqMath中，如果可能的话，将所有其他内容都放在HTML中。因此这有点烦人，但可能是目前最简单的解决方案，所以我刚刚将数学包装在“$$”标记中，并留下了文本和HTML，谢谢。