È possibile impostare la larghezza e l'altezza in pixel su un tag di ancoraggio? Mi piacerebbe avere il tag di ancoraggio per avere un'immagine di sfondo mantenendo il testo all'interno dell'ancoraggio.
li {
width: 32px;
height: 32px;
background-color: orange;
}
li a {
width: 32px;
height: 32px;
background-color: red;
}<li><a href="#">Something</a></li>Risposte:
Puoi anche usare display: inline-block. Il vantaggio è che imposterà l'altezza e la larghezza come un elemento a blocchi ma anche in linea in modo da poter avere un altro tag seduto proprio accanto ad esso, consentendo lo spazio padre.
Puoi trovare ulteriori informazioni sulle proprietà di visualizzazione qui
Tutti questi suggerimenti funzionano se non si inseriscono le ancore in un elenco UL.
<ul>
<li>
<a>click me</a>>
</li>
</ul>
Quindi tutte le regole del foglio di stile a cascata vengono sovrascritte nel browser Chrome. La larghezza diventa automatica. Quindi è necessario utilizzare le regole CSS incorporate direttamente sull'ancora stessa.
Non è un duplicato esatto (per quanto posso trovare), ma questo è un problema comune .
display:blockè quello che ti serve. ma dovresti leggere le specifiche per capire il perché.
Di seguito lavora per me
display: block;
width: 100%;