2015-10-01 92 views
1

我想在div標籤內點擊一個圖標。請參見下面的代碼:如何在div標籤中添加可點擊字體的真棒圖標?

<div class="wd_home_box"> 
<div class="fa fa-get-pocket"><a href="leadership">&nbsp;</a></div> 
<a href="leadership">Leadership</a></div> 

理想情況下,我想了整整一盒點擊,但我會滿足於只是圖標和文本明顯。任何建議表示讚賞!

+2

更改2號線到: https://jsfiddle.net/beyynu7e/ –

+0

,完美的工作,謝謝! – jessthemess

+0

我說得太快了。我使用的CMS剝離了i標籤,所以當我去重新編輯它消失的代碼時。 – jessthemess

回答

0

我認爲您正在尋找類似的東西? https://jsfiddle.net/0j1me71m/1/

<div class="wd_home_box"> 
    <a href="leadership"><div><i class="fa fa-get-pocket"></i>&nbsp;Leadership</div></a> 
</div> 
+0

這首先起作用,但我使用的CMS刪除了i類標籤,因此一旦我重新編輯一個項目,一切都破裂了。我需要能夠在不使用i類的情況下使整個盒子可點擊。 – jessthemess

+0

你在用什麼? –

+0

我正在使用我公司內部建造的平臺。它的功能類似於Wordpress @adam – jessthemess