上下箭头unicode字体大小问题

时间:2015-09-19 04:36:09

标签: html css html5 unicode

直到今天,我遇到了一个最奇怪的问题。我试图在HTML中以unicode显示向上和向下箭头。但是,它们的大小和颜色不同。

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

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

如果有人能帮助我,我将非常感激。我已经浪费了5个小时了。

3 个答案:

答案 0 :(得分:2)

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

查看更新的fiddle

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

如果您对填充箭头感兴趣

Demo

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

答案 1 :(得分:0)

他们是不同的。它不是字体大小问题。 http://graphemica.com/%CB%84 http://graphemica.com/%E2%8C%84

你应该使用bootstraps glyphicons http://jsfiddle.net/c9gp9a1w/

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

自举 http://getbootstrap.com/components/#glyphicons

答案 2 :(得分:0)

它们不是匹配对。

&amp;#708与&amp;#709匹配。 而&amp;#8964与&amp;#8963匹配。