Bagaimana untuk menukar ketinggian tag br?-html tutorial-php.cn

Bagaimana untuk menukar ketinggian tag br?

WBOY

Lepaskan： 2023-09-11 17:29:02

ke hadapan

994 orang telah melayarinya

Teg

Bagaimana untuk menukar ketinggian tag br?

ialah elemen HTML yang biasa digunakan untuk menambah pemisah baris dalam kandungan web. Walau bagaimanapun, kadangkala, ketinggian ketakselanjaran garisan yang sedia ada mungkin dianggap tidak mencukupi dan jurang antara baris bahan bertulis yang berturutan perlu ditingkatkan. Dalam perbincangan ini, kita akan meneroka pelbagai cara untuk mengubah suai ketinggian teg
, termasuk menggunakan sifat ketinggian garis CSS dan menambah elemen pembalut tambahan. Sama ada anda seorang pemula atau pembangun web yang berpengalaman, manual ini akan memberi anda pemahaman menyeluruh tentang cara melaraskan ketinggian teg
dalam reka bentuk web anda.

Kaedah

Kita akan melihat dua cara berbeza untuk menukar ketinggian tag br dengan ketara. Mereka adalah seperti berikut -

Gunakan ciri ketinggian garis CSS
Tambah pemisah baris tambahan

Kaedah 1: Gunakan sifat ketinggian garis CSS

Teknik standard untuk mengubah suai ketinggian pemisah baris ialah menggunakan sifat CSS yang dipanggil ketinggian garis. Atribut ini digunakan untuk melaraskan ketinggian baris teks dan juga boleh digunakan pada elemen induk tanda
untuk mengembangkan jurang antara baris.

Blok kod ini memaparkan dokumen HTML yang mengandungi pengepala yang menerangkan tugasan yang perlu diselesaikan dan komponen perenggan yang mengandungi beberapa baris bahasa bertulis, dipisahkan oleh teg "br". Gaya CSS yang digunakan pada elemen perenggan ini menentukan "ketinggian garis" sebanyak 3, yang menyebabkan jarak menegak antara baris teks menjadi tiga kali ketinggian garis biasa.

Contoh

Berikut ialah kod akhir yang akan kami gunakan dalam contoh ini -

<!DOCTYPE html>
<html>
<head>
   <title>How to change the height of br tag?</title>
   <style>
      p {
         line-height: 3;
      }
   </style>
</head>
<body>
   <h4>How to change the height of br tag?</h4>
   <p>
      This is some text in line 1.
      <br>
      This is some text in line 2.
   </p>
</body>
</html>

Salin selepas log masuk

Kaedah 2: Tambahkan pemisah baris tambahan

Cara lain untuk menukar ketinggian pemisah baris adalah dengan menambah tag
tambahan. Ini akan mewujudkan lebih banyak ruang antara baris teks, yang amat berguna apabila sifat ketinggian baris tidak mencukupi.

Contoh

Kod di bawah ialah urutan arahan yang mudah. Seperti yang dapat dilihat, sebilangan besar
tag digunakan untuk meningkatkan kebolehpersepan rentang menegak
tag antara dua baris penulisan atau pencetakan berturut-turut.

<!DOCTYPE html>
<html>
<head>
   <title>How to change the height of br tag?</title>
</head>
<body>
   <h4>How to change the height of br tag?</h4>
   <p>
      This is some text in line 1.
      <br><br><br>
      This is some text in line 2.
   </p>
</body>
</html>

Salin selepas log masuk

Kesimpulan

Untuk meringkaskan, saiz menegak teg
boleh diubah suai dengan menggunakan sifat ketinggian garis CSS dan menambahnya dengan elemen pemisah garis. Menguasai teknik melaraskan ketinggian teg
ialah aspek penting dalam pembangunan web dan keupayaan yang sangat bermanfaat untuk mencipta kandungan web yang menarik secara visual dengan jarak baris yang luar biasa.

Ketahui cara menukar ketinggian tag
adalah sangat penting untuk mengoptimumkan pengalaman pengguna di tapak web anda. Dengan mengikut kaedah yang digariskan dalam artikel ini, anda boleh mengubah suai ketinggian penanda
dengan mudah untuk disesuaikan dengan keperluan tugas khusus anda.

Atas ialah kandungan terperinci Bagaimana untuk menukar ketinggian tag br?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!