アンカー タグ () はピクセル単位で特定の幅と高さを指定できますか?

) ピクセル単位で特定の幅と高さを持っていますか? " />

アンカー タグの寸法のカスタマイズ

質問:

アンカー タグ () はピクセル単位で特定の幅と高さを指定できますか?アンカー内のテキストを保持しながらこれを実現するにはどうすればよいでしょうか?

背景:

次の CSS コードを考えてみましょう:

<code class="css">li {
  width: 32px;
  height: 32px;
  background-color: orange;
}

li a {
  width: 32px;
  height: 32px;
  background-color: red;
}</code>

HTML:

<code class="html"><li><a href="#">Something</a></li></code>

解決策:

アンカー タグの幅と高さのカスタマイズを有効にするには、表示プロパティを変更する必要があります:

<code class="css">li a {
  display: block;  // or display: inline-block;
  width: 32px;
  height: 32px;
  background-color: red;
}</code>

display: block または display: inline-block を設定すると、アンカー タグは幅と高さの両方をサポートするインライン レベルの要素になり、背景画像も表示しながらテキストの内容を保持できます。

以上がアンカー タグ () はピクセル単位で特定の幅と高さを指定できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。