列表元素内的超链接

Question

有没有一种方法可以将超链接元素拉伸到 li 元素的大小？

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

- ONYX

---

你可以选择最好的答案来帮助你。这将只需要几秒钟... :) - Nirmal

Answer 1

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

这应该可以解决问题。

- DouglasMarken

Answer 2

是的。将 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元素，这意味着它的宽度不能被样式化（以及其他几个属性）。因此，需要将其显示更改为block。

- Ben

---

我当时匆忙回答了，实际上从标准的角度来看，我更同意这个答案。你解释得很好 :) - DouglasMarken

Answer 3

当然。

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

- Damb