时间戳

首页 > 解决方案 > 使 Mathjax 下划线与其他字符高度相同

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

问题描述

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

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

...这是CSS：

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

这会产生以下结果：

在此处输入图像描述

现在一些不同的乳胶：

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

相同的 CSS，但这会产生：

在此处输入图像描述

我已经包含了红色背景来说明问题。当 5 出现时，下划线的高度是完整的字体高度，没有它，高度只是下划线的高度。您能否建议更改 CSS 以使下划线具有正常的字符高度？

原因是，当我在下划线周围加上一个根时，它看起来像这样：

在此处输入图像描述

根符号的中心在下划线的水平，而它应该是这样的：

在此处输入图像描述

标签： htmlcssmathjax

解决方案

您可以使用\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{_}}}$$

推荐阅读