Menggunakan CSS Text-Align property untuk membenarkan teks
Salah satu sifat tipografi laman web yang anda boleh memilih untuk menyesuaikan semasa pembangunan tapak adalah bagaimana teks laman web itu dibenarkan. Secara lalai, teks laman web dibiarkan dibenarkan dan ini adalah berapa banyak laman web yang meninggalkan teks mereka. Satu-satunya pilihan lain adalah wajar, yang mana tidak ada yang menggunakan di laman web kerana ia akan menjadikan teks itu asasnya mustahil untuk dibaca secara online, atau apa yang dikenali sebagai dibenarkan sepenuhnya.
Teks yang dibenarkan adalah blok teks yang menyerupai di sebelah kiri dan kanan, berbanding dengan satu-satunya pihak (yang merupakan justifikasi "kiri" dan "benar"). Kesan yang dibenarkan adalah dengan menyesuaikan ruang perkataan dan huruf di setiap baris teks untuk memastikan setiap baris adalah panjang yang sama. Kesan ini dipanggil justifikasi penuh . Anda membenarkan teks dalam CSS dengan menggunakan teks-align property.
Bagaimana Pekerjaan Justifikasi?
Sebab anda sering melihat kelebihan yang tidak rata di sebelah kanan blok teks adalah kerana setiap baris teks tidak panjang sama. Beberapa baris mempunyai lebih banyak perkataan atau kata-kata yang lebih panjang sementara yang lain mempunyai kata-kata yang kurang atau lebih pendek. Untuk mewajarkan blok teks itu, ruang tambahan mesti ditambah ke beberapa baris bahkan keluar semua baris dan menjadikannya konsisten.
Setiap pembuat pelayar web mempunyai algoritma sendiri untuk menggunakan ruang tambahan dalam satu baris. Pelayar melihat panjang perkataan, hyphenation dan faktor lain untuk menentukan di mana untuk meletakkan ruang.
Akibatnya, teks yang dibenarkan tidak kelihatan sama dari satu pelayar ke seterusnya. Ini adalah baik kerana tidak ada pelawat laman web yang akan melompat dari satu pelayar ke yang lain hanya untuk membandingkan bagaimana panjang baris laman web anda kelihatan! Namun, yakinlah bahawa sokongan pelayar utama adalah baik untuk membenarkan teks dengan CSS.
Cara Menghuraikan Teks
Justifikasi teks dengan CSS memerlukan seksyen teks untuk membenarkan.
Biasanya, ini dilakukan pada perenggan teks kerana blok teks konteks besar yang merangkumi pelbagai baris akan ditandakan dengan tag perenggan.
Setelah anda mempunyai blok teks untuk membenarkan, itu hanya masalah menetapkan gaya untuk dibenarkan dengan gaya CSS -align gaya harta.
teks-align: justify;
Anda perlu memohon peraturan CSS ini kepada pemilih yang sesuai untuk mendapatkan blok teks untuk dipaparkan seperti yang dimaksudkan.
Bilakah untuk Menjelaskan Teks
Ramai orang menyukai paparan teks yang wajar daripada sudut reka bentuk, terutamanya kerana ia mencipta paparan yang sangat konsisten, diukur, tetapi ada kelemahan untuk membenarkan teks sepenuhnya pada laman web.
Pertama, teks yang dibenarkan boleh sukar dibaca. Ini kerana apabila anda membenarkan teks, banyak ruang tambahan kadang-kadang boleh ditambah antara beberapa perkataan di baris. Kesimpulan yang tidak konsisten ini dapat membuat teks lebih sukar dibaca. Ini amat penting pada halaman web, yang mungkin sukar dibaca kerana lampu, resolusi atau kualiti perkakasan lain. Menambah ruang yang tidak biasa ke teks boleh membuat keadaan yang buruk lebih buruk lagi.
Selain masalah pembacaan, ruang kosong kadang-kadang bersatu dengan satu sama lain untuk mewujudkan "sungai" ruang putih di tengah-tengah teks.
Mereka jurang ruang putih benar-benar boleh membuat paparan janggal. Di samping itu, pada garis yang sangat singkat, justifikasi boleh menyebabkan garis yang mengandungi satu kata dengan ruang tambahan antara huruf itu sendiri.
Oleh itu, apabila anda perlu menggunakan justifikasi teks? Masa yang terbaik untuk membenarkan teks berlaku apabila garis panjang dan saiz fonnya kecil (sesuatu yang sukar untuk memastikan laman web yang responsif di mana garis panjang berubah berdasarkan saiz skrin). Tidak ada nombor yang keras dan pantas untuk garis panjang atau saiz teks; anda mesti menggunakan penghakiman terbaik anda.
Selepas anda menggunakan gaya selaras teks untuk membenarkan teks, cubalah untuk memastikan teks tidak mempunyai sungai ruang putih - dan pastikan untuk mengujinya pada pelbagai saiz.
Cara paling mudah untuk melakukan ini adalah dengan melihatnya dengan mata yang tergelincir. Sungai-sungai kelihatan seperti tembok putih dalam blok teks kelabu yang lain. Sekiranya anda melihat sungai, anda perlu membuat perubahan pada saiz teks atau lebar blok teks untuk menghilangkan sungai-sungai yang tidak sedap.
Hanya gunakan justifikasi selepas anda membandingkannya dengan teks yang selari kiri seperti yang dilihat dalam artikel ini. Anda membuat seperti konsistensi pembenaran penuh, tetapi teks standard dibenarkan meninggalkan biasanya lebih mudah dibaca. Pada akhirnya, anda harus membenarkan teks kerana anda memilih untuk membenarkan teks untuk tujuan reka bentuk dan telah mengesahkan bahawa laman web anda tetap mudah dibaca.