Mengapa Tag Penambat Tidak Mewarisi Dimensi daripada Bekas Induknya?-tutorial css-php.cn

Mengapa Tag Penambat Tidak Mewarisi Dimensi daripada Bekas Induknya?

Patricia Arquette

Lepaskan： 2024-11-30 21:14:13

asal

319 orang telah melayarinya

Why Don't Anchor Tags Inherit Dimensions from Their Parent Containers?

Teg Sauh: Mengapa Mereka Tidak Mewarisi Dimensi daripada Bekasnya

Apabila memaparkan halaman web, saiz teg sauh boleh membingungkan. Walaupun terkandung dalam elemen dengan ketinggian dan lebar yang jelas, tag sauh sering gagal mewarisi dimensi tersebut. Untuk menjelaskan tingkah laku ini, mari kita selami spesifikasi CSS dan terokai mekanik di belakangnya.

Spesifikasi CSS

Menurut spesifikasi CSS 2.1, dimensi kawasan kandungan kotak (lebar dan tinggi ) dipengaruhi oleh pelbagai faktor, termasuk sama ada elemen penjanaan mempunyai set sifat 'lebar' atau 'tinggi', kehadiran teks atau kotak lain dalam kotak dan pertimbangan khusus jadual.

Harta Paparan Tag Anchor

Secara lalai, (anchor) tag mempunyai nilai paparan sebaris. Elemen sebaris, bersama-sama dengan kandungannya, mengambil bahagian secara langsung dalam reka letak halaman. Sifat unsur yang tidak diganti ini mempengaruhi cara dimensinya ditentukan.

Pengiraan Ketinggian

Untuk elemen sebaris, tidak diganti seperti tag anchor, sifat 'ketinggian' tidak berkenaan. Sebaliknya, ketinggian kawasan kandungan adalah berdasarkan fon, seperti yang digariskan dalam spesifikasi CSS. Dalam contoh yang diberikan, ketinggian tag sauh ialah 18px, diperoleh daripada satu baris teks dalam imej. Kandungan imej mahupun ketinggian bekas tidak memainkan peranan.

Pengiraan Lebar

Sifat 'lebar' juga tidak digunakan pada elemen sebaris dan tidak diganti. Lebar ditentukan oleh kandungan tag anchor, pelapik, jidar dan jidar. Untuk teg sauh pertama, lebar dikira sebagai:

Width = content (114px) + left margin (20px) + left and right borders (10px) = 144px

Salin selepas log masuk

Untuk teg sauh kedua:

Width = content (280px) + left margin (20px) + left and right borders (10px) = 310px

Salin selepas log masuk

Pengendalian Angkasa

Selain itu, pengendalian ruang mempengaruhi pengiraan lebar. Dalam konteks sebaris, ruang hadapan (paling kiri) dan mengekor (paling kanan) dibuang, manakala ruang interstisial diruntuhkan menjadi satu ruang. Ini menjejaskan pengiraan lebar dengan kemungkinan menambah ruang pada lebar tag anchor.

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