Ustawianie szerokości i wysokości znacznika A.

Czy w tagu kotwicy można ustawić szerokość i wysokość w pikselach? Chciałbym, aby tag kotwicy miał obraz tła, zachowując tekst wewnątrz kotwicy.

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

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

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

Musisz zrobić kotwicę display: blocklub, display: inline-block;a wtedy zaakceptuje wartości szerokości i wysokości.

Możesz także użyć display: inline-block. Zaletą tego jest to, że ustawia wysokość i szerokość jak element blokowy, ale także ustawia go w linii, abyś mógł mieć inny tag obok niego, zezwalając na przestrzeń nadrzędną.

Możesz dowiedzieć się więcej o właściwościach wyświetlania tutaj

Wszystkie te sugestie działają, chyba że umieścisz kotwice na liście UL.

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

Następnie wszelkie reguły kaskadowego arkusza stylów są zastępowane w przeglądarce Chrome. Szerokość staje się automatyczna. Następnie musisz użyć wbudowanych reguł CSS bezpośrednio w samej kotwicy.

Nie jest to dokładny duplikat (o ile mogę znaleźć), ale jest to częsty problem .

display:blockjest tym, czego potrzebujesz. ale powinieneś przeczytać specyfikację, aby zrozumieć, dlaczego.

Poniżej pracuje dla mnie

display: block;
width: 100%;