Поравнајте ствари са својством ЦСС Тект Алигн

Поравнајте ствари са својством ЦСС Тект Алигн

Једна од првих карактеристика о којој су сви програмери сазнали када су се ухватили у коштац са обрадом текста било је поравнавање текста. Тај мали алат био је од виталног значаја за професионалне слагаче и дизајнере аматере. Није изненађење да ЦСС има подршку за поравнавање текста када је у питању веб дизајн.





Тхе Поравнање текста проперти, заједно са једним или два друга, контролише како елемент хоризонтално поравнава свој текст. Осим основа, прегледачи полако имплементирају више спецификација, али пуна подршка варира. Научите како да поравнате текст и које функције уобичајени прегледачи данас подржавају.





Основе својства ЦСС поравнавања текста

Поравнање је један од најпознатијих типографских израза. У контексту ЦСС -а, Поравнање текста односи се на хоризонтално поравнање.





Хоризонтално поравнавање текста примењује се само на контејнере за блокове. То су елементи пуне ширине, попут пасуса и див-ова. Помоћу Поравнање текста својство на уграђеном елементу као што је у неће имати ефекта. Такође можете поравнати ставке листе и ћелије табеле:

шта тбх значи у сленгу

Подразумевано, на језику слева надесно (више о томе касније), текст се поравнава улево:



У ЦСС -у ово је исто као:

p { text-align: left; }

Или:





p { text-align: start; }

Повезан: Шта су каскадни стилски листови и за шта се користи ЦСС?

Можете користити и друге вредности за Поравнање текста својство да промени хоризонтално поравнање. Најчешће вредности су познате из апликација за обраду текста:





text-align: left
text-align: center
text-align: right

Користите оправдање за поравнавање левог и десног руба

Још једна заједничка вредност за Поравнање текста је оправдати . Прегледачи додају простор поравнаном тексту тако да се сваки ред проширује како би попунио расположиви простор:

Када оправдавате текст, последња линија може бити зезнута. Будући да може бити врло кратак (могуће само једна реч), размак по целој ширини може бити ружан. Подразумевано, чак и оправдани текст ће поравнати последњи ред лево.

како да знате да ли неко има даљински приступ вашем рачунару

Можда ћете понекад желети другачији ефекат. Имплементације прегледача сустижу спецификације, али су могућа два приступа.

Тхе оправдати-све вредност би требало да значи да прегледачи третирају последњу линију као и све остале и да је протежу до пуне ширине. Међутим, у време писања овог текста ниједан прегледач не подржава ову вредност. Можете проверите каниус да видите да ли то раде када читате овај чланак.

Још једно својство ЦСС -а, тект-алигн-ласт , флексибилнији је и има бољу подршку. Можете га третирати мање -више исто као Поравнање текста , али се односи само на последњу линију:

Подршка прегледача за ову некретнину је боља, али није савршена. Опет, проверите каниус пре него што га употребите . Ако прегледач не препозна ово својство, занемариће га.

Поравнање текста и смер читања

Можда радите са језиком, попут арапског или хебрејског, који чита с десна на лево. ЦСС користи правац својство да то наведете, на пример:

direction: rtl;

Ови језици обично подразумевано поравнавају текст удесно.

Уместо да морате да наведете лево / јел тако , преферирани начин поравнавања текста користи вредности почетак и крај . Ово одређује да ли текст треба да се поравна на почетку сваког реда или на крају. На језицима слева надесно, почетак је еквивалентно са лево . На језику с десна на лево, текст почиње са десне стране и завршава се са леве стране.

враћање фабричких вредности оперативног система Виндовс 10 из покретања

Користећи почетак или крај значи да је, без обзира на смер текста, поравнање доследно.

Како елементи наслеђују својство поравнања текста

Морате бити свесни да је Поравнање текста имовина наслеђује. На пример, ако га поставите на тело елемент, примењиваће се на сваки елемент на страници. Наравно, можете га надјачати на било ком елементу.

Коришћење својства поравнавања текста за контролу изгледа

Можете користити Поравнање текста ЦСС својство за дефинисање начина на који прегледачи постављају текст хоризонтално. Најчешће вредности су лево , јел тако , центар , и оправдати . Ово је прилично једноставно, иако оправдати уноси извесну сложеност.

Поравнање текста треба користити умерено. На огласним паноима и постерима централно поравнање може бити прикладно, али може отежати читање дужих блокова текста. Оправдање је обично читљивије када су редови текста дужи. Оправдавање кратких колона текста може створити ружне размаке.

Тхе Поравнање текста проперти је једно од многих ЦСС својстава које пружају корисно обликовање и основно позиционирање.

Објави Објави Твеет Емаил 10 једноставних примера ЦСС кода које можете научити за 10 минута

Треба вам помоћ са ЦСС -ом? Испробајте ове основне примере ЦСС кода за почетак, а затим их примените на своје веб странице.

Прочитајте следеће
Повезане теме
  • Програмирање
  • Веб Девелопмент
  • Веб дизајн
  • ЦСС
О аутору Бобби Јацк(Објављено 58 чланака)

Бобби је ентузијаст технологије који је скоро две деценије радио као програмер софтвера. Одушевљен је играњем игара, ради као уредник рецензија у магазину Свитцх Плаиер, и уроњен је у све аспекте издаваштва на мрежи и веб развоја.

Више од Боббија Јацка

Претплатите се на наш билтен

Придружите се нашем билтену за техничке савете, критике, бесплатне е -књиге и ексклузивне понуде!

Кликните овде да бисте се претплатили