Bagaimanakah Saya Boleh Membuat Teks Mengisi Lebar Bekas Dengan Sempurna Menggunakan CSS?

Meregangkan Teks agar Sesuai dengan Lebar Bekas

Meningkatkan estetika teks dalam div yang dikekang ialah cabaran biasa. Apabila kandungan teks berbeza-beza, adalah wajar untuk mengekalkan penampilan visual yang digilap dan seimbang. Artikel ini meneroka cara untuk mencapai penyepaduan yang lancar ini menggunakan gabungan CSS dan teknik pintar.

Penyelesaian: Justifikasi Penjajaran Teks dan Trik Halus

Harta CSS text-align:justify mengagihkan teks secara sama rata dalam div, menjajarkannya di sepanjang kedua-dua jidar kiri dan kanan. Walau bagaimanapun, justifikasi standard mengekalkan jarak huruf tertentu. Untuk kesesuaian yang benar-benar selesa, godam kecil menambah rentang lutsinar dengan lebar 100%.

div{
  background-color:gold;
  text-align:justify;
}

span{
  background-color:red;
  width:100%;
  height:1em;
  display:inline-block;
}

<div>
  Lorem ipsum sit dolor
  <span> </span>
</div>

Helah ini pada asasnya mencipta ruang "dummy" yang memenuhi baki lebar div, memaksa teks untuk mengembangkan dan menjajarkan dengan ketat dalam bekasnya.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Membuat Teks Mengisi Lebar Bekas Dengan Sempurna Menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!