Mengapa Textarea Saya Kelihatan Lebih Tinggi Daripada Elemen Span Jirannya?

Mengapa Textarea Saya Tidak Menjajarkan Tegak Dengan Jirannya?

Penjelasan:

Pada mulanya, nampaknya elemen textarea lebih tinggi daripada elemen span jiran. Walau bagaimanapun, ini tidak berlaku. Secara lalai, elemen sebaris (seperti span dan textarea) menyimpan ruang di bawahnya untuk kemungkinan turunan. Ini ialah huruf dengan sebatan yang memanjang di bawah garis dasar, seperti "y" atau "g." Kedua-dua span dan textarea menyediakan ruang ini.

Punca Penampilan Salah Jajaran:

Gaya sempadan menyerlahkan salah jajaran yang jelas. Sempadan span termasuk ruang menurun dalam lebarnya, manakala sempadan textarea mengecualikannya, menghasilkan kotak yang lebih kecil.

Penyelesaian:

1. Penjajaran Menegak: Tambahkan penjajaran menegak: bahagian bawah pada peraturan CSS kawasan teks untuk menjajarkannya dengan bahagian bawah elemen span.
2. Blok Paparan: Tukar paparan kawasan teks untuk disekat kepada anggap ia sebagai elemen peringkat blok, menghapuskan keperluan untuk ruang menurun.

Atas ialah kandungan terperinci Mengapa Textarea Saya Kelihatan Lebih Tinggi Daripada Elemen Span Jirannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!