CSS-мен негізделген мәтінді қалай орнату керек

Мәтінді ақтау үшін CSS Text-Align сипатын пайдалану

Веб-сайттың типографиялық қасиеттерінің бірі сайттың дамуы кезінде түзетуді таңдауға болатын сайттың мәтіні қалай ақталғандығы. Әдепкі бойынша, веб-сайттың мәтіні ақталмайды және көптеген сайттар мәтінді қалдырады. Тек басқа опциялар дұрыс негізделген, ол ешқандай веб-сайттарда пайдаланылмайды, себебі мәтін мәтінді онлайнда оқуға мүлде мүмкін емес немесе толық негізді деп танылған.

Негізделген мәтін - сол жақтан да, оң жағынан да, сол жағынан біреуіне («сол» және «дұрыс» негіздемені жасайтын нәрсе) сәйкес келетін мәтін блогы. Екі есе негізделген әсер әр жолдың ұзындығы бірдей болуын қамтамасыз ету үшін әр мәтін жолындағы сөзді және әріптік кеңістіктерді түзету арқылы жүзеге асырылады. Бұл нәтиже толық ақтау деп аталады. Мәтіннің тегістеу сипатын пайдаланып CSS мәтінін ақтаңыз .

Ақтау негізі қалай жұмыс істейді?

Мәтіннің оң жағында жиі емес жиі кездесетін себебі - әрбір мәтін жолы бірдей ұзындығы емес. Кейбір сызықтарда көп сөз немесе ұзын сөздер бар, басқалары аз немесе қысқарақ сөздер бар. Мәтіннің бұл блогын ақтау үшін барлық сызықтарды біркелкі бөліп, оларды дәйектілікке келтіру үшін кейбір бос орындарға қосымша бос орындар қосылуы керек.

Әрбір веб-браузерді жасаушы желіде қосымша бос орындарды қолданудың өз алгоритмі бар. Браузерлер кеңістікті қайда қою керектігін анықтау үшін сөз ұзындығына, сызықшаға және басқа да факторларға назар аударады.

Нәтижесінде ақтайтын мәтін бір браузерден келесіге ұқсас болмауы мүмкін. Бұл жақсы, себебі тораптың келушісі сіздің тораптың ұзындығы қалай көрінетінін салыстыру үшін бір браузерден екіншісіне секірілмейді! Алайда, браузерлердің негізгі қолдауы CSS-мен мәтінді негіздеу үшін жақсы деп сендіреді.

Мәтінді ақтау әдісі

CSS-мен мәтінді негіздеу мәтінді ақтау үшін бөлімді талап етеді.

Әдетте, бұл мәтіннің параграфтарында орындалады, себебі көптеген жолдарды қамтитын мәтіндік мәтінмәннің үлкен блоктарының параграф тегтері белгіленеді.

Ақтау үшін мәтін блогы болғаннан кейін, бұл стильді CSS мәтіндік-туралау мәнерінің қасиеттерімен негізделген етіп орнату.

мәтінді туралау: ақтау;

Бұл CSS ережесін тиісті селекторға қолдану қажет, себебі ол мәтінді блоктауды мақсатты түрде көрсету үшін қажет.

Мәтінді ақтаған кезде

Көптеген адамдар жобалық тұрғыдан негізделген мәтіннің көрінісін жақсы көреді, себебі ол өте дәйекті, өлшенген көрініс жасайды, бірақ веб-беттегі мәтінді толығымен ақтау үшін төмендеу бар.

Біріншіден, ақталған мәтінді оқу қиын болуы мүмкін. Өйткені, сіз мәтінді ақтаған кезде, қосымша кеңістіктің көптігі сызықтағы кейбір сөздер арасында қосылуы мүмкін. Бұл келіспеушіліктер, мәтінді оқуды қиындата алады. Бұл әсіресе жарықтандыру, ажыратымдылық немесе басқа жабдықтың сапасына байланысты оқып шығу қиын болуы мүмкін веб-беттерде маңызды. Мәтінге ерекше кеңістіктерді қосу нашар жағдайды одан да нашарлатуы мүмкін.

Оқу қиындықтарынан басқа, бос кеңістік кейде мәтіннің ортасында ақ кеңістіктің «өзендерін» құру үшін бір-бірімен қатарласады.

Ақ кеңістіктің үлкен бос орындары нашар көрсетілу үшін шынымен де жасай алады. Сонымен қатар, өте қысқа жолдарда негіздеме әріптердің арасында қосымша бос орын бар бір сөзден тұратын сызықтарды тудыруы мүмкін.

Мәселен, мәтінді негіздеуді қашан пайдалануға болады? Мәтінді ақтаудың ең жақсы уақыты сызықтар ұзын болғанда және қаріп өлшемі кішкентай болғанда пайда болады (экран өлшемдеріне негізделген сызықтық ұзындықтар өзгеретін жауапты веб-сайттарда қамтамасыз ету қиын). Жолдың ұзындығы немесе мәтіннің өлшемі үшін қатты және жылдам нөмір жоқ, ең жақсы пікіріңізді пайдалану керек.

Мәтінді түзету үшін мәтінді туралау мәнерін қолданғаннан кейін, мәтіннің ақ кеңістіктің өзендерінің жоқтығына көз жеткізу үшін оны сынап көріңіз және оны әр түрлі өлшемдерден тексеріңіз.

Мұны істеудің ең қарапайым жолы - көзге көрінбейтін көзбен қарау. Өзендері ақ түсті блоктық мәтін түрінде бөлінеді. Егер сіз өзендерді көріп жатсаңыз, бұл өзеннің құздарынан құтылу үшін мәтіннің өлшеміне немесе мәтіндік блоктың еніне өзгерістер енгізуіңіз керек.

Осы мақалада көрсетілгендей сол жақты мәтінмен салыстырғаннан кейін ғана ақтауды пайдаланыңыз. Толық ақтаудың дәйектілігі сияқты, бірақ стандартты сол негізделген мәтін әдетте оқылатын болады. Ақырында мәтінді ақтау керек, себебі сіз мәтінді жобалау мақсаттары үшін ақтауды таңдадыңыз және сіздің сайтыңыздың оқуға оңай екенін растадыңыз.