mathml 转换：MathClass-rel 不能正确显示 <mrow> 和 <mfrac>答案

【问题标题】：mathml conversion: MathClass-rel dont displays correctly with <mrow> and <mfrac>mathml 转换：MathClass-rel 不能正确显示 <mrow> 和 <mfrac>
【发布时间】：2020-12-01 14:28:25
【问题描述】：

以下代码是使用make4ht命令将tex转换为html的（结果）

<!DOCTYPE html> 
<html lang='en-US' xml:lang='en-US'> 
<head><title></title> 
<meta charset='utf-8' /> 
<script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=MML_HTMLorMML'></script>  
</head>
<body>
<div class='par-math-display'>
<math display='block' xmlns='http://www.w3.org/1998/Math/MathML'>
    <mrow>
        <mo class='MathClass-rel'>∥</mo>
        <mi>x</mi>
        <mo class='MathClass-rel'>∥</mo> 
        <mo class='MathClass-rel'>=</mo> 
        <mfrac>
            <mrow>
                <mo class='MathClass-rel'>∥</mo>
                <mi>x</mi>
                <mo class='MathClass-rel'>∥</mo>
            </mrow> 
            <mrow>
                <mn>1</mn>
            </mrow>
        </mfrac>
    </mrow>
</math>
</div>
<p class='nopar'> and</p>
<div class='math-display'>
<math display='block' xmlns='http://www.w3.org/1998/Math/MathML'>
    <mrow>
        <mo class='MathClass-rel'>|</mo>
        <mi>x</mi>
        <mo class='MathClass-rel'>|</mo>
        <mo class='MathClass-rel'>=</mo> 
        <mfrac>
            <mrow>
                <mo class='MathClass-rel'>|</mo>
                <mi>x</mi>
                <mo class='MathClass-rel'>|</mo>
            </mrow> 
            <mrow>
                <mn>1</mn>
            </mrow>
        </mfrac>
    </mrow>
</math>
</div>
<p class='nopar'> </p> 
</body> 
</html>

显示为

使用 Chrome 和 Firefox。但我想要的是以下（这张图片是乳胶的pdf结果）

我不熟悉 mathml，但我正在尝试，所以请提供任何帮助。

【问题讨论】：

标签： javascript html mathml

【解决方案1】：

你想要

   <mrow>
        <mo class='MathClass-rel'>∥</mo>
        <mi>x</mi>
        <mo class='MathClass-rel'>∥</mo> 
    </mrow>

所以这两个||被拉伸到 x 的大小（即它们包含 mrow）

第一个渲染不正确，两个|| x 周围的大小应与第二个示例中的大小相同，使用 |这似乎是一个 mathjax 问题，但是因为你不想要那个布局，所以在规范 x 附近添加一个 mrow。

【讨论】：