HTML中的渲染箭头

时间:2020-06-16 20:00:21

标签: javascript html

我目前有以下HTML:

<span class="HyperEditor ReadOnlyEditor">Game 1 of the Book of Why
$X \rightarrow A \rightarrow Y$ 
              $\searrow B$ 
</span>

它将在我的浏览器中呈现以下内容:

相反,我想要以下内容:

是否有任何库可以帮助我完成所需的工作:

1 个答案:

答案 0 :(得分:3)

您可以将html实体用于箭头,如以下位置所示:https://www.toptal.com/designers/htmlarrows/,并且通过一些样式设计,您将能够获得所需的效果。

<span class="HyperEditor ReadOnlyEditor">Game 1 of the Book of Why
$X &#8594; A &#8594; Y  &#8600; B 
</span>