上下箭头unicode字体大小问题答案

【问题标题】：Up and down arrow unicode font size issue上下箭头unicode字体大小问题
【发布时间】：2015-09-19 04:36:09
【问题描述】：

我遇到了迄今为止我遇到的最奇怪的问题之一。我试图在 HTML 中以 unicode 显示向上和向下箭头。但是，它们的大小和颜色并不相同。

这是一个小问题，但对我来说非常烦人和压力

<div>&#708;</div>
<div>&#8964;</div>

如果有人可以帮助我，我将不胜感激。我已经浪费了 5 个小时。

【问题讨论】：

【解决方案1】：

您没有使用正确的箭头对。使用&#709; 实体作为对应的向下箭头。

查看更新的fiddle

<div>&#708;</div>
<div>&#709;</div>

如果您对实心箭头感兴趣

<div>&#9650;</div>
<div>&#9660;</div>

【讨论】：

【解决方案2】：

您应该使用引导程序字形图标 http://jsfiddle.net/c9gp9a1w/

<span class="glyphicon glyphicon-chevron-up" aria-hidden="true"></span>
<span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span>

【讨论】：

glyphicon 是最好的，但是如果我将它用作 jquery html() 函数，我的主 div 将停止获取点击处理程序 :( 可能适合新问题。
您是否要在点击时更改箭头？你可以用字形图标来做到这一点。您可以执行以下操作： $('#menu-toggle').click( function(){ $(this).find('i').toggleClass('glyphicon-arrow-right').toggleClass('glyphicon-左箭头'); });
我正在使用 jqxsplitter 库，它在主按钮上有事件。如果我在其中保留 span 标签并单击主按钮，它将永远不会收到任何事件。

【解决方案3】：

它们不是匹配的对。

˄ 与 ˅ 匹配。而 ⌄ 与 ⌃ 匹配。

【讨论】：