2011-04-29 153 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