Mətn haqq qazandırmaq üçün CSS Text-Align əmlakını istifadə edin
Saytın inkişafı zamanı tənzimləmək üçün seçə biləcəyiniz veb saytın mətbəəsinin xüsusiyyətlərindən biri də sitenin mətninin əsaslandırılmasıdır. Varsayılan olaraq veb-sayt mətnləri əsaslandırılmışdır və bu, bir çox saytın mətni tərk edir. Yalnız digər variantlar haqlıdır, heç kimin internetdə oxumaq mümkün olmadığı üçün mətni əslində qeyri-mümkün hala gətirən və ya tamamilə haqlı olaraq tanınan veb saytlarda istifadə edir.
Doğru mətn həm sol tərəflərə, həm də sağ tərəflərə uyğun olan bir mətn bloğudır (bu "sol" və "sağ" səbəbi nədir). İki dəfə əsaslandırılmış effekt hər bir xəttin eyni uzunluqda olmasını təmin etmək üçün hər bir mətn xəttində söz və məktub boşluqlarının düzəldilməsi yolu ilə həyata keçirilir. Bu təsirə tam əsaslandırma deyilir. Mətn align xüsusiyyətini istifadə edərək, CSS - də mətni düzəldə bilərsiniz .
Bəyanat necə işləyir?
Mətn blokunun sağ tərəfində qeyri-bərabər bir kənar olduğunu tez-tez görürsünüz, çünki hər bir mətn xətti eyni uzunluq deyil. Bəzi xəttlərdə daha çox söz və ya uzun sözlər var, bəziləri isə az və ya daha qısa sözlərdir. Mətn bloğunu haqq qazandırmaq üçün, bütün xəttləri hətta kənarlaşdırmaq və ardıcıllaşdırmaq üçün əlavə xətlər əlavə edilməlidir.
Hər bir web browser makerində bir xətt içərisində əlavə boşluqların tətbiqi üçün öz alqoritmi var . Brauzerlər sözün uzunluğuna, tireləmələrə və digər faktorlara baxmaq üçün boşluqları nəyin yerləşməsini müəyyənləşdirir.
Nəticədə, əsaslandırılmış mətn bir brauzerdən digərinə eyni ola bilməz. Bu sitenin ziyaretçisinin sitenizin çizgisinin uzunluğunun nasıl göründüğünü karşılaştırmak üçün bir brauzerden diğerine geçmeyeceğinden bu iyidir. Bununla bərabər, böyük brauzer dəstəyi CSS ilə mətni əsaslandırmaq üçün yaxşıdır.
Mətnə haqq qazandırmaq üçün necə
CSS ilə mətni əsaslandırmaq mətnin bir hissəsini əsaslandırmaq tələb edir.
Bir neçə satır əhatə edən mətn kontekstinin böyük blokları paraqraf etiketləri ilə qeyd olunduğundan, adətən, bu mətn paraqrafları üçün edilir.
Mətnin haqq qazandırdıqdan sonra, stilin CSS mətn align stil mülkiyyəti ilə haqq qazandırılması məsələsidir.
text-align: haqq qazandırmaq;
Mətn blokunun nəzərdə tutulduğu kimi göstərilməsi üçün bu CSS qaydasını müvafiq selektorda tətbiq etməlisiniz.
Mətni Justify zaman
Bir çox insanlar, çox uyğun bir ölçülü görünüş yaratdıqları üçün əsasən bir dizayn baxımından əsaslandırılmış mətnin görünüşünü sevirlər, ancaq bir web-səhifənin mətnini tamamilə əsaslandırmaq üçün eniş var.
Birincisi, əsaslandırılmış mətni oxumaq çətin ola bilər. Bunun səbəbi, mətni haqladığınız zaman, bəzən bir sıra əlavə sözlər arasında xəttin bəzi sözləri ilə əlavə oluna bilər. Bu uyğunsuzluqlar mətni oxumaq daha çətinləşdirə bilər. Bu, xüsusilə işıqlandırma, qətnamə və ya digər avadanlıqların keyfiyyəti ilə bağlı oxumaq çətin ola bilən veb səhifələrdə xüsusilə vacibdir. Mətnə qeyri-adi boşluqlar əlavə etmək daha da pis vəziyyətə gətirə bilər.
Okunabilirlik problemlərindən başqa, boş yerlər bəzən mətnin ortasında ağ boşluğun "çayları" yaratmaq üçün bir-biri ilə sıralanır.
Ağ boşluqların böyük boşluqları, həqiqətən, qeyri-adi bir ekran üçün edə bilər. Əlavə olaraq, çox qısa xəttlərdə əsaslandırma məktublar arasında öz aralarında əlavə boşluqlar olan bir sözə malik olan xəttlərə səbəb ola bilər.
Beləliklə, mətni əsaslandırmanı nə vaxt istifadə etməlisiniz? Mətn haqq qazandırmaq üçün ən yaxşı vaxt xətləri uzun və şriftin ölçüsü kiçik olduğunda baş verir (məsələn, ekran ölçüsünə əsaslanan xətlərin uzunluğu dəyişən məsuliyyətli saytlarda təmin etmək çətindir). Xəttin uzunluğu və ya mətnin ölçüsü üçün heç bir sərt və sürətli rəqəm yoxdur, ən yaxşı qərarınızı istifadə etməlisiniz.
Yazı mətnini düzəltmək üçün mətn align stilini tətbiq etdikdən sonra, mətnin ağ məkanın çayları olmadığından əmin olmaq üçün test edin və onu müxtəlif ölçülərdə yoxlamağa əmin olun.
Bunu etmək üçün ən asan yolu, gözləri gözlər ilə keçirməkdir. Çaylar başqa ağ rəngli mətn bloğunda ağ lentlər kimi fərqlənirlər. Çayları görsəniz, bu çirkin çaylardan qurtarmaq üçün mətnin ölçüsünə və ya mətnin genişliyinə dəyişiklik etməlisiniz.
Yalnız bu məqalədə göründüyü kimi soldan hizalı mətni müqayisə etdikdən sonra əsaslandırmanı istifadə edin. Tam əsaslandırmanın ardıcıllığı kimi görünürsən, amma standart sola əsaslanan mətn adətən daha oxunandır. Nəticədə, mətnə haqq qazandırmalısınız, çünki siz mətnin dizayn məqsədləri üçün haqq qazandırmaq üçün seçdiyiniz və saytınızın oxunması asan olduğunu təsdiq etdiniz.