Mengapa Tag Penambat Tidak Mewarisi Dimensi Elemen Mengandunginya?

Dimensi Teg Anchor

Teg sauh, secara lalai, tidak menganggap dimensi elemen yang mengandunginya. Ini dijelaskan oleh spesifikasi CSS 2.1, yang mengawal cara elemen dibentangkan pada halaman web.

Elemen Sebaris Tidak Digantikan

Teg anchor () dianggap sebagai elemen sebaris yang tidak diganti. Elemen sebaris mengalir di sepanjang baris teks, dan biasanya tidak mempunyai lebar atau ketinggian yang wujud.

Pengiraan Ketinggian

Untuk elemen sebaris yang tidak diganti, sifat 'ketinggian' tidak terpakai. Ketinggian biasanya ditentukan oleh metrik fon kandungan elemen. Dalam contoh yang disediakan, ketinggian ialah 18px, yang ditentukan oleh saiz teks yang terkandung dalam sauh.

Pengiraan Lebar

Sifat 'lebar' juga tidak terpakai terus kepada elemen sebaris yang tidak diganti. Lebar dikira berdasarkan pelapik, jidar, jidar dan kandungan elemen.

Kandungan Imej

Imej dalam teg sauh tidak menyumbang kepada pengiraan lebar . Ini kerana lebar elemen tidak diganti sebaris tidak dipengaruhi oleh saiz kandungannya.

Rubuh Margin

Ruang antara teg sauh dalam konteks sebaris mengikut keruntuhan jidar peraturan. Dalam kes ini, ruang berturut-turut antara tag sauh runtuh menjadi satu ruang. Ruang di hujung sauh pertama menyumbang kepada lebarnya, manakala ruang pada permulaan sauh kedua tidak.

Contoh Pengiraan

Sauh pertama tag mempunyai lebar 114px (ruang imej) 20px (margin kiri) 10px (sempadan kiri dan kanan) = 144px.

Teg penambat kedua mempunyai lebar 280px (imej) 20px (margin kiri) 10px (sempadan kiri dan kanan) = 310px.

Kesimpulan

Teg sauh, sebagai elemen sebaris yang tidak diganti, tidak diwarisi ketinggian atau lebar unsur-unsur yang mengandunginya. Dimensi mereka ditentukan terutamanya oleh kandungan mereka sendiri (teks), pelapik, jidar, jidar dan penggunaan peraturan keruntuhan jidar dalam konteks sebaris.

Atas ialah kandungan terperinci Mengapa Tag Penambat Tidak Mewarisi Dimensi Elemen Mengandunginya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!