アンカータグをリスト項目の全幅に広げるにはどうすればよいですか?

リスト項目の全角アンカー タグ

はじめに

ナビゲーション メニューをデザインするとき、アンカー タグ () が必要になるのが一般的です。リスト項目の幅全体に拡張するには (

)。ただし、 タグに width 属性を設定しても、通常は効果がありません。

解決策

この伸縮効果を実現するには、アンカー タグの表示プロパティを変更する必要があります。 のようなインライン要素には幅を設定できません。代わりに、それらをブロック要素またはインラインブロック要素に変換する必要があります。

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

使用法

CSS ルールを定義したら、「ワイド」クラスをアンカー タグ内のアンカー タグに追加します。

; 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 中国語 Web サイトの他の関連記事を参照してください。