Bolehkah Teg Sauh () Mempunyai Lebar dan Tinggi Tertentu dalam Piksel?

) Mempunyai Lebar dan Tinggi Tertentu dalam Piksel? " />

Menyesuaikan Dimensi Teg Sauh

Soalan:

Bolehkah tag sauh () mempunyai lebar dan ketinggian tertentu dalam piksel? Bagaimanakah kita boleh mencapai ini sambil mengekalkan teks dalam sauh?

Latar Belakang:

Pertimbangkan kod CSS berikut:

<code class="css">li {
  width: 32px;
  height: 32px;
  background-color: orange;
}

li a {
  width: 32px;
  height: 32px;
  background-color: red;
}</code>

HTML:

<code class="html"><li><a href="#">Something</a></li></code>

Penyelesaian:

Untuk mendayakan penyesuaian lebar dan ketinggian bagi teg sauh, anda perlu mengubah suai sifat paparannya:

<code class="css">li a {
  display: block;  // or display: inline-block;
  width: 32px;
  height: 32px;
  background-color: red;
}</code>

Dengan menetapkan paparan: blok atau paparan: blok sebaris, teg sauh menjadi elemen peringkat sebaris yang menyokong kedua-dua lebar dan tinggi Dengan cara ini, teg sauh boleh mengekalkan kandungan teksnya sambil memaparkan imej latar belakang.

Atas ialah kandungan terperinci Bolehkah Teg Sauh () Mempunyai Lebar dan Tinggi Tertentu dalam Piksel?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!