Bagaimanakah Saya Boleh Mewajarkan Baris Terakhir Teks dalam Div Merentasi Semua Pelayar?

Wajarkan Baris Terakhir Div

Penjajaran teks lalai untuk baris terakhir

selalunya dijajar ke kiri, walaupun apabila teks selebihnya dibenarkan. Ini boleh mengecewakan, terutamanya jika anda memerlukan baris terakhir untuk dibenarkan atas sebab estetik atau kebolehbacaan.

Penyelesaian Silang Penyemak Imbas

Untuk mewajarkan baris terakhir a

merentas pelbagai penyemak imbas, termasuk IE6 , anda boleh menggunakan CSS berikut:

p, h1 {
  text-align: justify;
  text-align-last: justify;
}

p:after, h1:after {
  content: "";
  display: inline-block;
  width: 100%;
}

Kaedah ini menggabungkan text-align-last: justify; harta, yang disokong oleh IE, dengan variasi kaedah :selepas pseudo-kandungan. Ia juga termasuk pembetulan untuk mengalih keluar ruang tambahan yang ditambahkan selepas elemen teks satu baris.

Pembetulan Teks Satu Baris

Jika

mengandungi hanya satu baris teks, anda boleh menggunakan CSS berikut untuk menghalang baris kosong tambahan yang mungkin disebabkan oleh penyelesaian sebelumnya:

h1 {
  text-align: justify;
  text-align-last: justify;
  height: 1em;
  line-height: 1;
}

h1:after {
  content: "";
  display: inline-block;
  width: 100%;
}

Sumber Tambahan

Untuk maklumat lebih terperinci, rujuk kepada:

• http://kristinlbradley.wordpress.com/2011/09/15/cross-browser-css-justify-last-line-paragraph-text/

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mewajarkan Baris Terakhir Teks dalam Div Merentasi Semua Pelayar?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!