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?

TehMacDawg
sumber

Jawaban:

9

CSS TEXT-JUSTIFY

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."

Sumber: http://www.css3.com/css-text-justify/

Semoga ini membantu!

Marcus Mangelsdorf
sumber
Tampaknya ini didukung oleh peramban lain sekarang.
mndrix
3

Selain menggunakan text-justify, yang saat ini tampaknya hanya didukung oleh IE, pertimbangkan untuk menambahkan tanda hubung, dengan petunjuk tanda hubung eksplisit &shy;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.

Jukka K. Korpela
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.asp
3
@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.)
Jukka K. Korpela
Terkadang mereka agak ketinggalan jaman, tapi saya tidak akan menyebut mereka palsu :-) Ini sumber lain: reference.sitepoint.com/css/text-align
@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 :-)