點擊標簽觸發中的超鏈接

在許多列表中經常用到 <ul> 標簽， 

便於鏈接將使用 <a> 放在 <li> 中，

但是容易出現點擊 <li> 沒反應，點擊 <a> 標簽才行，

這對用戶有很不好的用戶體驗。

 

我舉個好吃的栗子~

 

---

 

 

1 F 男裝          

2 F 女裝          

3 F 美妝          

4 F 數碼          

   （粉紅色是便於說明）

    雖然 每一個 <a> 便簽都有超鏈接，但當你點擊粉紅色或者上下的白色空白時超鏈接就沒有反應了！

    這就是今天的問題！！

<ul>
    <li><a href="#">1F 男裝</a></li>
    <li><a href="#">2F 女裝</a></li>
    <li><a href="#">3F 美妝</a></li>
    <li><a href="#">4F 數碼</a></li>
</ul>

 

 

---

 

 

              1 F 男裝

               2 F 女裝

3 F 美妝

               4 F 數碼

這樣看起來是不是就好多了。

 

<style>
    ul{
    width:100px;
    }
    a{
    display:block;
    width:100px;
    height:50px;
    line-height:50px;
    text-align:center;
    text-decoration: none;
    }
</style>