1

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

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

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

这是我想出的最好的，使用“激进”实体√和文本装饰：overline，但我想不出一种方法来为同一行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 并没有更好（事实上，它更糟），因为这样我最终只是绘制在整个表达式顶部的最外层上划线。

4

3 回答 3

2

你试图让它工作的方式可能会让它工作，但我希望每次你有一个新的表达方式时都会有一个非常乏味的过程：我的建议是看看

您真的不想尝试纯粹在 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>

玩了一下高度后，它看起来会很好。

于 2013-04-26T15:10:32.253 回答
1

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

√(2 + √(2 + √2))

即使在纯文本中也可以使用此表示法。如果您想要不同的渲染，使用 virgules 作为根，最好使用 MathJax 之类的工具。

于 2013-04-26T17:15:25.000 回答
1

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

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

于 2013-04-26T15:01:37.030 回答