如何使錨標籤跨越清單項目的整個寬度？

列表項目中的全角錨標記

簡介

設計導覽選單時，通常需要錨標記()延伸到清單項目的整個寬度(

)。但是，在 標籤上設定 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中文網其他相關文章！