2011-02-01 57 views
38

我有一個寬度爲X px的框。並在其中我有一個鏈接元素(<li><a ..></a><li>創建一個鏈接有100%寬度

列表(<ul>)我如何使用CSS使鏈接可點擊文本之外並在框的100%寬度。製作包裝盒中的每一行可點擊:D

+0

用「 ......」包裝盒子? – Sotiris 2011-02-01 10:11:07

回答

115

display: block添加到您的a標籤。

11

我同意斯科特,但我會建議這個代碼,而不是:

a { 
    display: inline-block; 
    width: 100%; 
} 

或驗證碼:

<ul> 
    <li><a href="topage" style="display: inline-block">text</a></li> 
</ul> 

我建議display: inline-block因爲display: block使得<a>元素出現在它的線。 (兩者都將被罰款在這種情況下,但不是在所有情況下

編輯:看來width:100%沒有提及。感謝@LGSon的評論!