2015-09-19 57 views
0

我有一個直到今天我遇到的最奇怪的問題之一。我試圖在HTML中顯示unicode中的向上和向下箭頭。但是,它們在大小和顏色上都不相同。向上和向下箭頭unicode字體大小問題

這是一個小問題,但很刺激和緊張我

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

,我將非常感激,如果有人能幫助我。我已經浪費了5個小時。

回答

2

您沒有使用正確的一對箭頭。使用&#709;實體作爲相應的向下箭頭。

查看更新fiddle

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

如果你有興趣在充滿箭頭

Demo

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

+1

謝謝Tushar!最後5小時後:D – Jack

0

他們是不同的。它不是一個字體大小的問題。 http://graphemica.com/%CB%84 http://graphemica.com/%E2%8C%84

您應該使用白手起家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

+0

glyphicon是最好的,但如果我使用這個作爲jQuery的html()函數我的主要div停止獲取點擊處理程序:(可能適合一個新的問題 – Jack

+0

你想讓箭頭改變點擊嗎?你可以這樣做:$('#menu-toggle')。click(function(){(this).find('i')。toggleClass('glyphicon-arrow-right' ).toggleClass('glyphicon-arrow-left'); }); –

+0

我正在使用jqxsplitter函數庫,它在主按鈕上有事件,如果我在它內部保存了span標記並點擊主按鈕,它就永遠不會收到任何事件。 – Jack

0

他們是不匹配對。

&#708匹配&#709。 而&#8964匹配&#8963。

相關問題