<p>Stack-overflows font settings results in continuous overline for combining characters in textarea in (Chrome on OsX)</p>
<textarea>
√2̅2̅
</textarea>
<p>
Stack-overflows stylesheet results in separated overlines for combining characters in paragraph (Chrome on OsX)
</p>
<p>
√2̅2̅ <span style="font-family: Courier">
(in Courier √2̅2̅ )
</span>
</p>
4条答案
按热度按时间czq61nw11#
n53p2ov02#
首先,如果您不反对使用外部库。
只需继续使用Mathjax JS库
对于本机解决方案
您可以使用UTF-8的组合字符代码
̅
。它会将上划线与前一个代码块合并。但是要非常小心你的字体设置。根据字体的不同,它们可能显示为单个上划线或连续上划线(甚至显示为单独的字符)。(使用“运行代码段”检查下面的行为)
6tqwzwtp3#
你可以使用这个html符号(例如平方根为2)。
cyvaqqii4#
设计了一个动态的方式来做到这一点,唯一的要求是内部字体是等宽的。
“--char”告诉CSS平方根中包含多少个字符,以绘制正确宽度的顶行。上划线不会以白色生成,但会在代码段之外生成。“--color”告诉CSS上划线应该是什么颜色,而SVG可以通过HTML轻松更改颜色(可能可以更容易,但还没有这样做)。