如何使用 HTML/CSS/jQuery 编写复数分数?

2024-05-06

我希望能够使用 HTML/CSS/jQuery 编写分数(而不是使用 TeX 渲染器甚至 MathML)。目前,有一个很好的解决方法可以编写简单的分数,如果您有one term对于分子和分母来说,但是一旦你开始使用多个术语,它看起来就相当可怕了。例如,使用:

<sup><font size=-2>x<sup>2</sup> + 3x + 5</font></sup>/<sub><font size=-2>2x</font></sub>

产生...

x2 + 3x + 5/2x

我想要的是一条漂亮的水平线来定义分数而不是反斜杠。我尝试过使用div标签有border-bottom如此,但输出仍然很糟糕:

  <div style="float:left;">Substitute 4 for 'x' in the equation: &nbsp;</div>
  <div style="float:left">
    <div style="border-bottom:1px solid;font-size:small;text-align:center;">x<sup>2</sup> + 3x + 5</div>
    <div style="font-size:small;text-align:center;">2x</div>
  </div>

产生...

我正在寻找的是 HTML/CSS/jQuery 部分......

  • 有一条易于辨别的水平线,横跨最长分子的宽度or分母;
  • 与当前文本内联显示(它可以稍微超出文本的行高,但我不希望它从接缝中溢出);和
  • (不是真的必要,但上面有一个漂亮的樱桃)斜体字母(不是数字或括号)。

这可以做到吗?如何?谢谢!


尝试这个:http://www.mathjax.org/ http://www.mathjax.org/

它被用在https://mathoverflow.net/ https://mathoverflow.net/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用 HTML/CSS/jQuery 编写复数分数? 的相关文章

随机推荐