Aタグの幅と高さの設定

Question

アンカータグの幅と高さをピクセル単位で設定できますか？私はアンカーの中にテキストを保持しながら、背景イメージを持つアンカータグを持っていたいと思います。

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

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

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

Answer 1

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

Answer 2

これは正確な重複ではありませんが（これまでのところわかります）、これはcommon problemです。

display:blockが必要です。理由を理解するにはread the specする必要があります。

Answer 3

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

あなたはULリスト内のアンカーを入れない限り、すべてのこれらの提案は、仕事よりおよそdisplay properties here

Answer 4

を見つけることができます。

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

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