Bagaimanakah Saya Boleh Meningkatkan Jarak Menegak Antara Teg `` Menggunakan CSS?

Mengubah suai Jarak Menegak dengan
melalui CSS

Meningkatkan jarak menegak antara perenggan yang dilambangkan dengan
dalam teks yang panjang boleh dicapai melalui manipulasi CSS. Menggunakan harta paparan: blok untuk
elemen membenarkan kawalan tambahan ke atas tingkah laku mereka.

Untuk mencapai pengembangan ini, laksanakan CSS berikut:

br {
   display: block;
}

Transformasi ini menukar
elemen ke dalam elemen peringkat blok, memberikan fleksibiliti untuk pelarasan jidar menegak. Untuk meluaskan jurang, gunakan gaya margin:

br {
   display: block;
   margin: 10px 0;
}

Sifat margin membenarkan kedua-dua pelapik atas dan bawah di sekeliling
unsur. Di sini, jidar 10px ditetapkan, memberikan ruang yang luas antara perenggan.

Keserasian Penyemak Imbas:

Perlu ambil perhatian bahawa penyelesaian ini mungkin tidak serasi merentas penyemak imbas sepenuhnya . Penyemak imbas yang berbeza mungkin memaparkannya secara berbeza, jadi ujian merentas berbilang penyemak imbas disyorkan.

Pilihan Tambahan:

Untuk Google Chrome khususnya, pertimbangkan untuk menggunakan kandungan: " " ; untuk mencipta ruang menegak tambahan:

br {
   display: block;
   content: " ";
}

Sebagai alternatif, melaraskan sifat line-height juga boleh mempengaruhi jarak menegak:

br {
   display: block;
   line-height: 22px;
}

Had:

Mengubah suai reka letak kod sedia ada menggunakan CSS sahaja mungkin menimbulkan batasan tertentu. Jika boleh, pertimbangkan penyelesaian yang lebih kekal dengan membuat perubahan struktur pada HTML. Walau bagaimanapun, pelarasan CSS yang disediakan ini menawarkan kaedah yang berdaya maju untuk mengubah jarak menegak tanpa mengubah reka letak sepenuhnya.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Meningkatkan Jarak Menegak Antara Teg `` Menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!