Pertanyaan Haruskah saya menghindari penggunaan "text-align: justify;"?


Apakah ada alasan untuk menghindari penggunaan text-align: justify;?

Apakah itu mengurangi keterbacaan atau menimbulkan masalah?


75
2017-11-24 23:16


asal


Jawaban:


Pertama, ini murni masalah dan solusi terkait desain. Desain grid Anda menentukan apakah membenarkan teks diperlukan. Saya pikir membenarkan sejajar saja tidak berpengaruh besar pada kegunaan. Tipografi buruk yang membuat teks tidak terbaca adalah apa yang mengurangi kegunaan. Yang mengatakan, pastikan Anda memiliki kontras yang kuat dan keseimbangan yang baik dari jarak dalam jenis Anda. Ukuran huruf juga penting.

Situs ini adalah upaya sukses untuk membenarkan teks online. Karena Anda tidak dapat mengontrol spasi di antara huruf dan kata-kata yang hampir sama dengan CSS sebanyak yang Anda bisa dengan InDesign, jauh lebih sulit untuk membenarkan teks dan tidak memiliki 'sungai' spasi putih di baris Anda, yang terjadi ketika spasi di antara kata-kata melebihi ruang antar garis. Hal-hal yang membuat sulit membenarkan teks: kata-kata panjang, lebar baris yang tidak memiliki cukup kata, dan terlalu banyak kontras antara teks dan warna latar belakang; mereka membuat sungai tampak lebih lebar dan lebih jelas.

Ide tipografi adalah memiliki blok teks, di mana jika Anda menyipitkan blok teks menjadi warna yang seragam. Jadi jika Anda menyimpan teks sekitar 10px dan 60% abu-abu pada latar belakang putih, dan memiliki baris yang sesuai sekitar 20 kata, pastikan sejajar seharusnya tidak terlihat jelek. Namun perlu diingat ini tidak melakukan apa pun untuk meningkatkan kegunaan. Kecil, teks yang relatif ringan mengganggu banyak orang, terutama pembaca yang lebih tua.

Saya harus mencatat bahwa dengan ­ (hyphenation lunak) dengan benar memisahkan kata-kata panjang yang merepotkan seperti superawesome Anda dapat meniru penataan yang tepat (misalnya InDesign). Ada banyak barang di luar sana untuk membantu Anda melakukan ini. Saya akan merekomendasikan logika untuk menyembunyikan, memanipulasi, dan menampilkan teks yang harus dilakukan di sisi klien, mungkin dengan ini.

Edit: Seperti yang disebutkan orang lain di bawah ini, css tanda hubung sekarang mungkin, kecuali tidak layak (bukan di Chrome). Plus, css4 menawarkan lebih banyak kontrol.


59
2018-03-18 09:25



text-align: justify tidak boleh digunakan di browser saat ini. Mereka tidak pandai menangani detail menit di dalam dan output akhirnya berisi banyak sungai dan tidak ada dukungan untuk itu hyphenation (selain tanda hubung lembut).

Catatan di atas ditulis 4,5 tahun yang lalu. Segalanya berubah perlahan ... http://caniuse.com/#feat=css-hyphens

Edit: Hyphenator dibawa ke perhatian saya di komentar jawaban ini. Sepertinya itu membuat teks-align membenarkan layak digunakan, periksa situs yang menggunakannya. Anda mungkin ingin menggunakan javascript untuk menerapkan perataan teks-garis sebelum menggunakan skrip ini sehingga mereka yang tidak javascript tidak tertangkap.

Edit 2: CSS sekarang memungkinkan untuk hyphenation dengan hyphens properti [dukungan browser]. PPK sekarang berkata kepada tambahkan ke stylesheet Anda, sementara Eric Meyer mengatakan tambahkan saja untuk seluler.

Sunting 3: Sebuah ikhtisar kecil yang bagus hal-hal yang tersedia untuk kita sekarang, dengan beberapa SASS.


25
2017-11-24 23:30



Masalah-masalah yang dibawa oleh orang lain tentang justifikasi keselarasan lebih umum dengan kolom sempit. Jika kolom Anda cukup luas dalam kaitannya dengan ukuran font Anda dan parameter lainnya, maka tidak apa-apa untuk membenarkan teks. Katakanlah Anda ingin minimum 12 hingga 15 kata per baris rata-rata. Lebih banyak lebih baik.


12
2017-11-24 23:47



Tidak ada alasan teknis untuk tidak - ini murni keputusan desain. Banyak orang menemukan bahwa teks yang dibenarkan lebih sulit untuk dibaca, tetapi saya kira itu tergantung pada situasi Anda. Meskipun berfungsi dengan baik untuk cetak, umumnya browser web tidak memberikan kontrol yang cukup atas keluaran teks yang akhirnya untuk menjamin bahwa apa yang Anda layani tidak akan terlihat seperti sampah di layar beberapa orang.

Pilihan terbaik Anda adalah menghindari pembenaran.


6
2017-11-24 23:21



Saya tidak bisa memikirkan alasan kuat mengapa tidak membenarkan teks - pada titik tertentu volume dan lebar konten hampir menuntut pembenaran. Tentu saja, Anda akan mendapatkan masalah dengan konten yang terdiri dari kombinasi kata tertentu, tetapi dalam pikiran saya jika Anda melihat sungai dan ruang yang sangat besar di antara kata-kata, Anda memiliki masalah yang berbeda - salah satu keterbacaan dan kejelasan.

Apa yang akan saya hindari, di semua biaya, adalah teks tubuh terpusat. Saya tidak berpikir ada bendera merah yang lebih besar dari desain web ammateur daripada itu.


3
2017-11-25 09:15



Saya lebih memilih pembenaran kiri (teks-rata: kiri) karena umumnya lebih mudah dibaca. Ini juga lebih cepat untuk membaca kata-kata dengan jarak yang sama, jadi saya dengar. Kecuali Anda memiliki alasan gaya untuk menggunakan pembenaran, biarkan tetap di kiri, kanan, atau tengah. Khusus untuk teks tubuh, gunakan kiri. (Sebenarnya, Anda ingin sesuatu seperti "maju" untuk teks ke arah lain (mis. Bahasa Ibrani) ...)


1
2017-11-24 23:21



Seperti pertanyaan desain web apa pun ... itu tergantung. Seperti yang telah disarankan, teks yang dibenarkan biasanya tidak terlihat bagus dalam kolom sempit. Saya akan merekomendasikan menentangnya sebagai aturan umum dalam sidebar karena sidebars biasanya sempit.

Dengan body copy pada 10 kata per baris yang sering direkomendasikan (atau dengan jumlah apa pun di atas itu), Anda mungkin akan dapat lolos dengan teks yang dibenarkan dan membuatnya terlihat cukup baik sebagian besar waktu kecuali Anda menggunakan banyak sangat panjang kata dan / atau string.

Saya pikir saya sudah membuat situs ini di StackOverflow sebelumnya, tapi Jon Tan menggunakan teks yang dibenarkan dalam salinan tubuhnya (dalam artikel) dan terlihat 99,99% besar dari waktu.


1
2017-11-25 00:29



Pembenaran tidak boleh digunakan tanpa hyphenation. Ini dia Perpustakaan hyphenation berbasis PHP, dan port pustaka ini ke plugin WordPress: wp-Tipografi.


1
2017-07-18 16:05



Saya pikir itu benar-benar baik di cetak, tetapi sangat kikuk di sebagian besar browser Web, karena kurangnya kontrol jarak dan hyphenation yang baik. Typographers bahkan dapat bermain sedikit pada spasi huruf atau kontraksi font dalam beberapa kasus, karena halaman / kolom (setidaknya di majalah) dapat disetel dengan baik.


0
2017-11-24 23:25