Aタグに幅と高さを設定する

アンカータグの幅と高さをピクセル単位で設定できますか？アンカータグ内にテキストを保持しながら背景画像を配置したいのですが。

li {
  width: 32px;
  height: 32px;
  background-color: orange;
}

li a {
  width: 32px;
  height: 32px;
  background-color: red;
}

<li><a href="#">Something</a></li>

あなたのアンカーを作るために必要display: blockかdisplay: inline-block;と、それは、幅と高さの値を受け入れます。

も使用できますdisplay: inline-block。これの利点は、ブロック要素のように高さと幅を設定するだけでなく、インラインに設定して、すぐ隣に別のタグを配置して親スペースを許可できることです。

表示プロパティの詳細については、こちらをご覧ください

アンカーをULリスト内に配置しない限り、これらの提案はすべて機能します。

<ul>
    <li>
        <a>click me</a>>
    </li>
</ul>

次に、カスケードスタイルシートのルールがChromeブラウザで上書きされます。幅は自動になります。次に、アンカー自体で直接インラインCSSルールを使用する必要があります。

これは完全に重複しているわけではありませんが（私が見つけられる限り）、これはよくある問題です。

display:block必要なものです。しかし、仕様を読んで理由を理解する必要があります。

以下は私のために働いています

display: block;
width: 100%;