如何使锚标签跨越列表项的整个宽度？

列表项中的全角锚标记

简介

设计导航菜单时，通常需要锚标记 ()延伸到列表项的整个宽度 (

)。但是，在 标签上设置 width 属性通常没有效果。

解决方案

要实现这种拉伸效果，我们必须更改锚标签的显示属性。像 这样的内联元素不能设置宽度。相反，我们需要将它们转换为块或内联块元素：

<code class="css">a.wide {
    display: block;
}</code>

用法

定义 CSS 规则后，将“wide”类添加到

elements:

<code class="html"><ul id="menu">
  <li><a class="wide" href="javascript:;">Home</a></li>
  <li><a class="wide" href="javascript:;">Test</a></li>
</ul></code>

注释

• 在 Internet Explorer 6 中，可以设置内联元素的宽度，但这是由于 CSS 实现不正确造成的。

以上是如何使锚标签跨越列表项的整个宽度？的详细内容。更多信息请关注PHP中文网其他相关文章！