2011-04-29 119 views
3

是有辦法來拉伸內部超級鏈接

<ul> 
    <li><a href="#">this link to fill up the li element width and height</a><li> 
</ul> 
+0

您可以選擇最佳答案,可以幫助您。這幾乎不會花費幾秒鐘...... :) – Nirmal 2011-04-29 06:12:46

回答

8
a {display: block; width: 100%;} 

這應該這樣做。

3

是所述hyplerlink元件Li元素的尺寸。將display:block;width:100%應用於元素的CSS。

實施例:

HTML

<ul> 
    <li><a href='#'>Link 1</a></li> 
    <li><a href='#'>Link 2</a></li> 
    <li><a href='#'>Link 3</a></li> 
</ul> 

CSS(使用選擇器 - 有點麻煩,但有趣的)

ul>li>a { 
    display:block; 
    width:100%; 
} 

<a>標記是一個inline元件,這意味着它的寬度不能被稱呼(並且se其他屬性)。因此,顯示器需要更改爲block

+1

我隨時準備着答案,我實際上同意這種標準化的方式,而不是我自己的答案。你已經做了很好的解釋:) – DouglasMarken 2011-04-29 11:01:20

3

當然

li a {width:100%; display:block;} 
+0

謝謝你的所有讚賞 – ONYX 2011-04-29 04:11:52

+0

沒問題,很樂意幫忙。 – Damb 2011-04-29 04:15:53