「字體Awsome圖標」乘法奇蹟？

Question

我很難搞清楚我做錯了什麼。

這是我的代碼

<nav id="nav"> 
    <ul> 
     <li><a href="index.html">Home</a></li></li> 
     <li><a href="#" onClick="reloadPage()">Refrescar</a></li> 
     <li><a href="facebook_link" <i class="fa fa-facebook-square fa-lg"></i></li> 
     <li><a href="picasa_link" <i class="fa fa-camera fa-lg"></i></li> 
    </ul> 
</nav> 
</div> 

這是Dreamweaver中預覽： http://prntscr.com/34l5x9

這是結果即時得到谷歌瀏覽器： http://prntscr.com/34l64g

爲什麼會發生這種情況的原因？ 我如何更改代碼來修復它？

Answer 1

您沒有正確關閉您的<a>標籤：

<nav id="nav"> 
    <ul> 
     <li><a href="index.html">Home</a></li></li> 
     <li><a href="#" onClick="reloadPage()">Refrescar</a></li> 
     <li><a href="facebook_link"><i class="fa fa-facebook-square fa-lg"></i></a></li> 
     <li><a href="picasa_link"><i class="fa fa-camera fa-lg"></i></a></li> 
    </ul> 
</nav> 

Answer 2

這裏有幾個問題你html。您需要在打開標籤後關閉標籤，並且不能像以前那樣將<i>置於其他元素的內部。

試試這個：

<div> 
    <nav id="nav"> 
    <ul> 
     <li><a href="index.html">Home</a></li> 
     <li><a href="#" onClick="reloadPage()">Refrescar</a></li> 
     <li><a href="facebook_link"><i class="fa fa-facebook-square fa-lg"></i></a></li> 
     <li><a href="picasa_link"><i class="fa fa-camera fa-lg"></i></a></li> 
    </ul> 
    </nav> 
</div> 

Answer 3

<li><a href="facebook_link" <i class="fa fa-facebook-square fa-lg"></i></li> 
<li><a href="picasa_link" <i class="fa fa-camera fa-lg"></i></li> 

應該是：

<li><a href="facebook_link"> <i class="fa fa-facebook-square fa-lg"></i></a></li> 
<li><a href="picasa_link"> <i class="fa fa-camera fa-lg"></i></a></li> 

您<a></a>的是無效