Bagaimana cara mengontrol spasi kata dalam teks yang dibenarkan dengan CSS?
9
Saya memiliki 2 blok teks yang cukup kecil (masing-masing hanya di bawah satu paragraf) dan mereka benar-benar terlihat lebih baik tetapi masalahnya adalah bahwa text-align: justify;kadang - kadang menambahkan ruang yang sangat besar dan membuat teks agak jelek (efek sebaliknya, jelas).
Apakah mungkin untuk menyetel jarak kata dengan CSS dengan lebih halus sehingga ini tidak terjadi?
Properti khusus IE ini menawarkan penyempurnaan pada nilai "justify" yang digunakan di text-alignproperti. Memang, nilai "justify" harus ditetapkan untuk properti itu text-justifyagar memiliki efek apa pun.
text-justify menawarkan tingkat kontrol pembenaran yang baik atas konten yang terlampir, memungkinkan berbagai model justifikasi canggih yang digunakan dalam sistem penulisan bahasa yang berbeda.
Contoh
<p style="text-align: justify; text-justify: newspaper;">
This is “Newspaper” justified content
</p>
Nilai yang Mungkin
VALUE DESCRIPTION
-------------------------------------------------------------------------------------------
auto The browser will determine the appropriate justification algorithm
to use
distribute Justification is handled similarly to the “newspaper” value,
but this version is optimized for East Asian content
(especially the Thai language.)
In this justification method, the last line is not justified.
distribute-all-lines Behavior and intent for this value is the same as with the
“distribute” value, but the last line is also justified.
inter-cluster Justifies content that does not have any inter-word spacing
(such as with many East Asian languages.)
inter-ideograph Used for justifying blocks of ideographic content.
Justification is achieved by increasing or decreasing spacing
between ideographic characters and words as well.
inter-word Justification is achieved by increasing the spacing between words.
It is the quickest method of justification and does not justify
the last line of a content block.
newspaper Spacing between letters and words are increased or decreased
as necessary.
Referensi IE mengatakan "itu adalah bentuk pembenaran yang paling canggih untuk huruf Latin."
Selain menggunakan text-justify, yang saat ini tampaknya hanya didukung oleh IE, pertimbangkan untuk menambahkan tanda hubung, dengan petunjuk tanda hubung eksplisit ­dan / atau tanda hubung otomatis berbasis browser, menggunakan hyphens: autodengan awalan peramban yang sesuai atau menggunakan tanda hubung berbasis JavaScript seperti Hyphenator.js. Tanda hubung sering kali sangat mengurangi kebutuhan akan penambahan spasi dalam pembenaran.
@AbdiasSoftware, halamannya palsu - namun bukti lain dari w3schools adalah omong kosong, lihat w3fools.com (Halaman w3schools berisi tombol "PlayIt", yang dapat Anda gunakan untuk melihat dengan cepat bahwa info mereka salah.)
@AbdiasSoftware, sumber lainnya adalah tentang properti lain. Situs reference.sitepoint.com tidak menyebutkan text-justifysama sekali. Tetapi saya menyesal karena pada awalnya saya menulis text-align-justifyalih - alih text-justify(memperbaiki sekarang). Pengaturannya text-align: justifytentu saja tersirat di sini; masalahnya adalah apakah jenis justifikasi dapat dikontrol.
Jukka K. Korpela
Hm, menarik juga. Saya akan melakukan penelitian lebih lanjut. Terima kasih. Ini jam 4 pagi di sini, penilaian saya tidak aktif :-)
Selain menggunakan
text-justify
, yang saat ini tampaknya hanya didukung oleh IE, pertimbangkan untuk menambahkan tanda hubung, dengan petunjuk tanda hubung eksplisit­
dan / atau tanda hubung otomatis berbasis browser, menggunakanhyphens: auto
dengan awalan peramban yang sesuai atau menggunakan tanda hubung berbasis JavaScript seperti Hyphenator.js. Tanda hubung sering kali sangat mengurangi kebutuhan akan penambahan spasi dalam pembenaran.sumber
The text-justify property is supported in all of the major browsers.
, sumber: w3schools.com/cssref/css3_pr_text-justify.asp dan Text-Align, w3schools.com/cssref/pr_text_text-align.asptext-justify
sama sekali. Tetapi saya menyesal karena pada awalnya saya menulistext-align-justify
alih - alihtext-justify
(memperbaiki sekarang). Pengaturannyatext-align: justify
tentu saja tersirat di sini; masalahnya adalah apakah jenis justifikasi dapat dikontrol.