li元素内的超链接

Question

有没有办法将超链接元素拉伸到

里面的li元素的大小

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

Answer 1

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

这应该这样做。

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。

Answer 3

不确定

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