Question

我正在尝试使用html和css呈现以下类型的表达式。

SQRT(2 + SQRT(2 + SQRT(2)))

我无法使用MathML，因为即使在最新版本的IE和Chrome中也不支持它。我感谢任何帮助或建议。

这是我最好的选择，使用＆＃34; radic＆＃34;实体√和文本修饰：上线，但我无法想出一种方法来为同一行html渲染多个上线。我虽然没有尝试定位/分层。

<span style="font-size:48px;">&radic;<span style="text-decoration:overline">2 + </span></span>
<span style="font-size:36px;">&radic;<span style="text-decoration:overline">2 + </span>   </span>
<span style="font-size:24px;">&radic;<span style="text-decoration:overline">2</span></span>

嵌套SPAN并不是更好（事实上，它更糟）因为那时我最终只是在整个表达式之上绘制的最外面的上划线。

Answer 1

你试图让它发挥作用的方式可能会让它发挥作用但我希望每次你有一个新表达时都会有一个非常繁琐的过程：我的建议是看看

你真的不想看着试图纯粹用html / css来做。每次有新表达时都会花费你的年龄。

但如果你做得最好，我得到的是：

<span style="font-size:48px;">&radic;<span style="text-decoration:overline">2 + 
<span style="font-size:36px;">&radic;<span style="text-decoration:overline">2 +  
<span style="font-size:24px;">&radic;<span style="text-decoration:overline">2</span></span>  </span></span></span></span>

在玩了一点高度后，它看起来会没问题。

Answer 2

您可以尝试使用mathjax：http://www.mathjax.org/

它具有出色的浏览器兼容性

Answer 3

以下内容完全符合国际标准的数学符号，ISO 80000-2：

√（2 +√（2 +√2））

这种表示法甚至可以在纯文本中使用。如果你想要不同的渲染，使用virgules作为根，最好使用像MathJax这样的工具。

如何在不使用MathML的情况下在html中呈现嵌套的平方根？

3 个答案: