Helah CSS untuk Mengubah Ketinggian
Dalam dunia HTML,
tag memainkan peranan penting dalam memisahkan teks kepada baris yang berbeza. Walau bagaimanapun, kadangkala jurang lalai yang dibuat oleh
mungkin tidak mencukupi. Untuk menyelesaikan masalah ini, ramai pembangun mempertimbangkan untuk menggunakan
Adakah terdapat penyelesaian CSS sahaja untuk meningkatkan jarak menegak antara teks yang dipisahkan
? Jawapannya ya, walaupun ia mungkin memerlukan beberapa pemikiran kreatif dan tweak khusus penyemak imbas.
Satu pendekatan ialah menetapkan sifat paparan
untuk disekat. Ini pada asasnya mengubahnya menjadi elemen peringkat blok, membolehkan manipulasi margin dan padding untuk mewujudkan jurang yang lebih besar. Gunakan kod CSS berikut:
br { display: block; margin: 10px 0; }
Di sini, nilai margin yang diberikan mewujudkan jurang 10px di atas dan di bawah
.
Helah lain ialah menggunakan ketinggian garis untuk < ;br>. Ini menetapkan ketinggian minimum untuk garisan di mana
muncul, dengan berkesan meningkatkan ruang di sekelilingnya:
br { line-height: 22px; }
Dalam Google Chrome, menambahkan kandungan pada
juga boleh mempengaruhi ketinggiannya:
br { content: " "; }
Kandungan " " memaksa ruang yang tidak pecah untuk dimasukkan sebelum
, memberikan ruang putih yang lebih menegak.
Sementara ini penyelesaian memberikan sedikit fleksibiliti dalam menyesuaikan ketinggian
, adalah penting untuk ambil perhatian bahawa keserasian merentas penyemak imbas mungkin berbeza-beza. Selain itu, menggunakan JavaScript menawarkan kawalan lanjut ke atas jarak, tetapi itu mungkin melibatkan pengubahsuaian kod yang lebih meluas.
Atas ialah kandungan terperinci Bolehkah CSS Sendiri Mengawal Ketinggian Teg ``?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!