使Mathjax下划线与其他字符的高度相同

时间:2018-08-15 08:48:38

标签: html css mathjax

这是我与Mathjax一起使用的乳胶。

\class{mathjaxCursor}{\text{_}}

...这是CSS:

.mathjaxCursor
{
 font-weight: bold;
 background-color: red;
}

这将产生以下结果:

enter image description here

现在添加一些不同的乳胶:

5\class{mathjaxCursor}{\text{_}}

相同的CSS,但这会产生:

enter image description here

我包括红色背景来说明问题。当下划线5出现时,下划线的高度即为整个字体的高度,不带下划线的高度即为下划线的高度。您可以建议对CSS进行更改,以使下划线具有正常的字符高度吗?

原因是,当我将根缠绕在下划线上时,结果看起来像这样:

enter image description here

根符号的中心在下划线的水平,而应该像这样:

enter image description here

2 个答案:

答案 0 :(得分:2)

您可以使用\vphantom{...}模拟任何角色的身高

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/MathJax.js?config=TeX-AMS-MML_HTMLorMML" async></script>


$$\sqrt{\vphantom{1}\class{mathjaxCursor}{\text{_}}}$$

或探索其他选项

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/MathJax.js?config=TeX-MML-AM_CHTML" async></script>


$$\sqrt{\class{mathjaxCursor}{\text{_}}}$$

答案 1 :(得分:0)

不是理想的解决方案,而是在下划线后添加与背景颜色相同的另一个字符(在这种情况下为1)。

5\class{mathjaxCursor}{\text{_}}\class{white}{1}

CSS:

.white
{
 color: white;
 font-size:xx-small;
}

它确实在光标右侧留了一些间隙,这是不理想的。