是有辦法來拉伸內部超級鏈接
<ul>
<li><a href="#">this link to fill up the li element width and height</a><li>
</ul>
是有辦法來拉伸內部超級鏈接
<ul>
<li><a href="#">this link to fill up the li element width and height</a><li>
</ul>
a {display: block; width: 100%;}
這應該這樣做。
是所述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
。
我隨時準備着答案,我實際上同意這種標準化的方式,而不是我自己的答案。你已經做了很好的解釋:) – DouglasMarken 2011-04-29 11:01:20
您可以選擇最佳答案,可以幫助您。這幾乎不會花費幾秒鐘...... :) – Nirmal 2011-04-29 06:12:46