Bagaimanakah Dimensi Teg Sauh () Dikira dalam CSS?

) Dikira dalam CSS? " />

Memahami Pengiraan Saiz Teg Sauh

Teg sauh () selalunya digunakan untuk membuat pautan ke halaman lain. Secara lalai, ia ialah elemen sebaris yang tidak mewarisi ketinggian dan lebar elemen yang mengandunginya, yang membawa kepada kekeliruan dalam kalangan pembangun Artikel ini meneroka sebab di sebalik tingkah laku ini dan menerangkan cara dimensi teg sauh dikira.

Elemen Sebaris dan Kawasan Kandungan

Spesifikasi CSS 2.1 menyatakan bahawa elemen sebaris, seperti teg sauh, membentuk bahagian aliran kandungan dan tidak mencipta kotak peringkat blok mereka sendiri Ketinggian dan lebar kawasan kandungannya dipengaruhi oleh faktor seperti saiz fon, teks kandungan dan gaya yang digunakan pada elemen.

Pengiraan Ketinggian

Untuk elemen sebaris yang tidak diganti seperti tag anchor, spesifikasi CSS tidak mentakrifkan secara eksplisit cara ketinggian dikira . Penyemak imbas biasanya menentukan ketinggian berdasarkan metrik fon, menghasilkan ketinggian 18px, mewakili satu baris teks. Ketinggian tidak dipengaruhi oleh saiz imej atau elemen blok sekeliling.

Pengiraan Lebar

Lebar elemen sebaris dikawal oleh kandungan, pelapik, sempadan, dan margin unsur itu sendiri. Untuk tag anchor, lebar dikira sebagai:

Content Width + Margin (Left) + Border (Left and Right)

Dalam JsFiddle yang disediakan, lebar elemen ialah 144px, yang terdiri daripada lebar imej (114px), jidar kiri (20px) dan jidar kiri dan kanan (5px setiap satu). Begitu juga, lebar elemen ialah 310px, ditentukan oleh lebar kandungan (280px), jidar kiri (20px) dan jidar kiri dan kanan (5px setiap satu).

Pengendalian Ruang

Bila elemen sebaris dibentangkan secara mendatar, ruang di antara mereka dikendalikan sebagai berikut:

• Ruang teraju dalam elemen pertama diabaikan.
• Ruang mengekor dalam elemen terakhir diabaikan.
• Ruang runtuh: Ruang antara elemen bersebelahan digabungkan ke dalam satu ruang, dengan ruang pertama dikekalkan.

Dalam Contoh JsFiddle, ruang runtuh pada penghujung elemen menyumbang kepada lebarnya, manakala ruang yang runtuh pada permulaan elemen tidak menjejaskan lebarnya.

Dengan memahami prinsip CSS ini, pembangun boleh mengawal reka letak dan dimensi teg sauh dengan lebih baik dalam halaman web mereka.

Atas ialah kandungan terperinci Bagaimanakah Dimensi Teg Sauh () Dikira dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!