gpt4 book ai didi

html - 打破大的数学内容以适应容器宽度

转载 作者:太空宇宙 更新时间:2023-11-04 08:10:59 24 4
gpt4 key购买 nike

我正在使用 MathJax 将 mathml 转换为 svg。一些渲染它的设备使用的 SVG。

html内容

<!doctype html>
<html>
<head>
<meta charset='UTF-8'>
<style>
body {
font-size: 2em;
}
</style>
<script type="text/javascript"
src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>

</head>
<body>
<math xmlns='http://www.w3.org/1998/Math/MathML'>
<mrow>
<mfrac><mn>1</mn><mn>2</mn></mfrac>
<msub><mi>m</mi><mn>1</mn></msub>
<msubsup>
<mi>u</mi>
<mn>1</mn>
<mn>2</mn>
</msubsup>
</mrow>
<mo>+</mo>
<mrow>
<mfrac><mn>1</mn><mn>2</mn></mfrac>
<msub><mi>m</mi><mn>2</mn></msub>
<msubsup>
<mi>u</mi>
<mn>2</mn>
<mn>2</mn>
</msubsup>
</mrow>
<mrow>
<mtext>
Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf
Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf Aasdf
</metxt>
</mrow>
</math>
<div>
</body>
</html>

由于 MathJax 仅在单行中呈现单个 mathml,因此在浏览器中我们可以使用滚动条来查看完整的 mathml。在我的例子中,设备无法显示滚动条,因此它会减小字体大小以在单行中显示。

我知道 mathjax 有一些我们可以控制它的配置。

  MathJax.Hub.Config({
CommonHTML: { linebreaks: { automatic: true } },
"HTML-CSS": { linebreaks: { automatic: true } },
SVG: { linebreaks: { automatic: true } }
});

这对我不起作用。我们怎样才能使 Mathml 具有响应性?

任何人都可以建议我如何打破长 mathml 以适应容器宽度。

谢谢

最佳答案

MathJax 的换行算法是为了打破数学,而不是文本。所以它不会在 <mtext> 中换行元素。 (MathJax 不会在任何标记元素内中断;它只会在可能的情况下中断 <mo> 元素处的数学。)

从您的示例中不清楚 <mtext> 中的长文本正在使用(因为它只是假文本),但看起来文本可能是周围句子的一部分,而不是数学本身。如果是这样,您不应将其作为数学的一部分,而应将其作为没有周围 HTML 的文本包含在内。

关于html - 打破大的数学内容以适应容器宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46301265/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com