CSS ашиглан зөвтгөх текстийг хэрхэн тохируулах вэ

Текстийг зөв болгохын тулд CSS Text-Align property ашиглана

Сайтын хөгжүүлэлтийн явцад тохируулах боломжтой вэбсайтын хэв шинжийн нэг шинж чанар нь сайтын текстийг зөвтгөх явдал юм. Анхдагч байдлаар, вэбсайт текстийг үндэслэлтэй үлдээсэн бөгөөд энэ нь тэдний текстийг хэдэн хуудас үлдээдэг. Бусад цорын ганц сонголтууд нь цахим хуудсууд дээр хэн ч ашигладаггүй учраас интернетэд уншигдах боломжгүй, эсвэл бүрэн үндэслэлтэй гэж үздэг зүйлсийг өгдөг тул зөвтгөгддөггүй.

Зөв бичсэн текст нь зүүн болон баруун талд хоёуланд нь нийцэх текстийн блок юм. Энэ нь зөвхөн нэг талаасаа ("зүүн", "баруун" зөвтгөлийг хийдэг) юм. Дутуу бүр ижил урттай байхын тулд текстийн мөр бүр дэх үг, үсгийн зайг тохируулах замаар хослуулан үндэслэлтэй үр дүнг гаргана. Энэ нөлөөг бүрэн зөвтгөл гэж нэрлэдэг. Текст декстийн өмчийг ашиглан CSS дэх текстийг зөвтгөх болно.

Зөвшөөрлийн үйл ажиллагаа яаж ажилладаг вэ?

Текстийн блокийн баруун талд тэгш бус ирмэгийг байнга хардаг шалтгаан нь текстийн мөр бүр адил урт биш юм. Зарим мөрөнд илүү олон үг эсвэл урт үгтэй байхад зарим нь цөөн буюу богино үгтэй байдаг. Текстийн блокыг зөв болгохын тулд нэмэлт зайг бүх мөрүүдэд нэмэх ёстой бөгөөд тэдгээрийг нэг мөр болгох хэрэгтэй.

Вэб браузер бүр нь мөрөнд илүү зай авахад өөрийн алгоритмтай байдаг. Хөтчүүд нь зайг хаана байрлуулахыг тодорхойлохын тулд үгийн урт, үсгээр болон бусад хүчин зүйлсийг хардаг.

Үүний үр дүнд үндэслэлтэй текст нь нэг браузераас дараагийнх хүртэл адилхан харагдахгүй байж болно. Энэ нь сайтын зочин нэг вэб хөтөчөөс нөгөө рүү үсрэлт хийхгүй тул сайтынхаа уртыг хэрхэн хардаг вэ? Гэсэн хэдий ч, үндсэн хөтөчийн дэмжлэг нь CSS текстийг зөвтгөхөд сайнаар итгэлтэй бай.

Текстийг яаж зөвтгөх вэ?

CSS-тэй текстийг зөвтгөхийн тулд текстийн хэсгийг зөвтгөх шаардлагатай.

Ер нь текстийн текстийн нэг хэсэг нь олон мөр мөрөөр тэмдэглэгдэх текстийн агуулгын том хэсгүүдээс эхэлдэг.

Зөвшөөрөхийн тулд текстийг блокловол зүгээр л CSS текстийг зөөвөрлөнө .

текстийн хуваарь: зөвтгөх;

Та энэ CSS дүрмийг зохих сонголтын оронд хэрэглэхийг хүссэнээр текстийн блокыг үзүүлэх болно.

Текстээ зөвтгөх үед

Олон хүмүүс дизайны талаас зөвтгөсөн текстийг хардаг, энэ нь ихэвчлэн маш тогтвортой, хэмжсэн харагдах байдлыг бий болгодог, гэхдээ вэбсайт дээр текстийг бүрэн зөвтгөхийн тулд сул тал байдаг.

Нэгдүгээрт, үндэслэлтэй текст уншихад хэцүү байж болно. Энэ нь текстийг зөвтгөхөд заримдаа мөрний зарим үгнүүдийн хооронд зайг ихээр нэмж болно. Эдгээр зөрчил дутагдал нь уншихад текстийг илүү хэцүү болгодог. Энэ нь ялангуяа гэрэлтүүлэг, нягтрал эсвэл бусад тоног төхөөрөмжийн чанараас аль хэдийн уншихад хэцүү байж болох вэб хуудаснуудад ялангуяа чухал юм. Онцгой бус зайг текст руу нэмснээр муу нөхцөл байдлыг бүр дордуулна.

Унших чадвараас гадна хоосон зай заримдаа текстийн дунд цагаан зайд "голууд" үүсгэхийн тулд хоорондоо мөр зэрэгцэж байдаг.

Цагаан орон зайны зай завсар нь үнэхээр эвгүй дэлгэц хийх боломжтой. Нэмж хэлэхэд маш богино мөрөнд зөвтгөл нь үсэг хооронд зайг агуулсан зайг үүсгэдэг.

Тэгэхээр та текстийн зөвтгөлийг хэзээ хэрэглэх вэ? Текстийг зөв болгох хамгийн сайн цаг нь мөрүүд нь урт, фонтын хэмжээ бага байдаг (дэлгэцийн урт дээр тулгуурласан шугамын уртыг өөрчлөх хариу үйлдэл хийдэг вэбсайтуудыг олоход хэцүү зүйл). Шугамын урт, эсвэл текстийн хэмжээ, тооны хувьд хэцүү, хурдан тоо алга байна. Та хамгийн сайн шийдвэрийг ашиглах ёстой.

Текстыг зөв болгохын тулд текстийн текстийн загварыг хэрэглэсний дараа текст цагаан зайгүй байх эсэхийг шалгахын тулд тест хийж, түүнийгээ янз бүрийн хэмжээтэйгээр шалгаарай.

Үүнийг хийх хамгийн хялбар арга бол нүдийг нь нүдээр харах явдал юм. Гол мөрөнд саарал өнгөөр ​​толбо үүсгэдэг голууд нь цагаан юм. Хэрэв та гол мөрнүүдийг харвал текстийн хэмжээ эсвэл текстийн өргөний хэмжээг өөрчлөхгүй байх ёстой.

Зөвхөн энэ зүйлд заасны дагуу зүүн тийш тексттэй харьцуулсаны дараа зөвхөн үндэслэлийг ашиглаарай. Та бүрэн зөвтгөлийн тууштай байдлыг хангадаг, гэхдээ стандарт үлдсэн үндэслэлтэй текст нь ихэвчлэн илүү унших боломжтой байдаг. Эцэст нь текстийг зөвтгөх хэрэгтэй. Учир нь та текстийг загварт зориулж зохиохын тулд сонгосон бөгөөд таны сайт уншиж уншихад хялбар гэдгийг баталсан.