Mengatur lebar dan tinggi pada tag A.

Apakah mungkin untuk mengatur lebar dan tinggi dalam piksel pada jangkar tag? Saya ingin memiliki tag jangkar untuk memiliki gambar latar belakang sambil mempertahankan teks di dalam jangkar.

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

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

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

Anda perlu membuat jangkar Anda display: blockatau display: inline-block;dan kemudian itu akan menerima nilai lebar dan tinggi.

Anda juga bisa menggunakan display: inline-block. Keuntungan dari ini adalah bahwa ia akan mengatur tinggi dan lebar seperti elemen blok tetapi juga mengaturnya sehingga Anda dapat memiliki tag lain yang berada tepat di sebelahnya, memungkinkan ruang induk.

Anda dapat mengetahui lebih lanjut tentang properti tampilan di sini

Semua saran ini berfungsi kecuali jika Anda menempatkan jangkar di dalam daftar UL.

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

Kemudian aturan sheet style cascade ditimpa di browser Chrome. Lebar menjadi otomatis. Maka Anda harus menggunakan aturan CSS sebaris langsung di jangkar itu sendiri.

Ini bukan duplikat yang tepat (sejauh yang saya bisa temukan), tetapi ini adalah masalah umum .

display:blockadalah apa yang kamu butuhkan. tetapi Anda harus membaca spesifikasi untuk memahami mengapa.

Di bawah ini bekerja untuk saya

display: block;
width: 100%;