Home-theater-designers
Jedna od prvih značajki o kojoj su svi programeri naučili kada su se uhvatili u koštac s obradom teksta bilo je poravnavanje teksta. Taj maleni alat bio je od vitalne važnosti za profesionalne slagače i dizajnere amatere. Ne čudi što CSS ima podršku za poravnavanje teksta što se tiče web dizajna.
The poravnati tekst property, zajedno s jednim ili dva druga, kontrolira kako element vodoravno poravnava svoj tekst. Osim osnova, preglednici polako implementiraju više specifikacija, ali puna podrška varira. Saznajte kako poravnati tekst i koje značajke danas podržavaju uobičajeni preglednici.
Osnove svojstva poravnavanja teksta CSS
Usklađivanje je jedan od najpoznatijih tipografskih izraza. U kontekstu CSS -a, poravnati tekst odnosi se na vodoravno poravnanje.
Vodoravno poravnavanje teksta odnosi se samo na blok spremnike. To su elementi pune širine, poput odlomaka i div-ova. Koristiti poravnati tekst svojstvo na umetnutom elementu kao što je u neće imati učinka. Također možete poravnati stavke popisa i ćelije tablice:
kako ukloniti retke u programu word
Prema zadanim postavkama, na jeziku slijeva nadesno (više o tome kasnije), tekst se poravnava ulijevo:
U CSS -u to je isto kao:
p { text-align: left; }Ili:
p { text-align: start; }Povezano: Što su kaskadne tablice stilova i za što se koristi CSS?
Možete koristiti druge vrijednosti za poravnati tekst svojstvo za promjenu vodoravnog poravnanja. Najčešće vrijednosti poznate su iz aplikacija za obradu teksta:
text-align: left
text-align: center
text-align: rightUpotrijebite opravdanje za poravnavanje lijevog i desnog ruba
Još jedna zajednička vrijednost za poravnati tekst je opravdati . Preglednici dodaju prostor poravnanom tekstu tako da se svaki redak proširuje kako bi popunio raspoloživi prostor:
Kad opravdavate tekst, posljednji redak može biti zeznut. Budući da može biti vrlo kratak (moguće samo jedna riječ), razmak po cijeloj širini može biti ružan. Prema zadanim postavkama, čak i opravdani tekst poravnat će posljednji redak ulijevo.
kako napraviti metke u excelu
Možda ćete ponekad htjeti drugačiji učinak. Implementacije preglednika sustižu specifikacije, ali moguća su dva pristupa.
The opravdati-sve vrijednost bi trebala značiti da preglednici tretiraju posljednji redak kao i sve ostale i da ga protežu do pune širine. Međutim, u vrijeme pisanja ovog članka nijedan preglednik ne podržava tu vrijednost. Možeš provjerite kanius da li to rade dok čitate ovaj članak.
Još jedno svojstvo CSS -a, text-align-last , fleksibilniji je i ima bolju podršku. Možete ga liječiti manje -više isto kao poravnati tekst , ali se odnosi samo na posljednji redak:
Podrška preglednika za ovu nekretninu je bolja, ali nije savršena. Opet, provjerite kanius prije nego ga upotrijebite . Ako preglednik ne prepozna ovo svojstvo, zanemarit će ga.
Poravnanje teksta i smjer čitanja
Možda radite s jezikom, poput arapskog ili hebrejskog, koji glasi zdesna nalijevo. CSS koristi smjer svojstvo za navođenje ovoga, na primjer:
direction: rtl;Ovi jezici obično prema zadanim postavkama poravnavaju tekst udesno.
Umjesto da morate navesti lijevo / pravo , preferirani način poravnavanja teksta koristi vrijednosti početak i kraj . Ovo određuje treba li se tekst poredati na početku svakog retka ili na kraju. U jezicima slijeva nadesno, početak ekvivalent je lijevo . Na jeziku zdesna nalijevo tekst počinje s desne strane, a završava s lijeve strane.
Apple sat aluminij vs nehrđajući čelik
Korištenje početak ili kraj znači da je, bez obzira na smjer teksta, poravnanje dosljedno.
Kako elementi nasljeđuju svojstvo poravnanja teksta
Morate biti svjesni da je poravnati tekst imovina nasljeđuje. Na primjer, ako ga postavite na tijelo element, primijenit će se na svaki element na stranici. Naravno, možete ga nadjačati na bilo kojem elementu.
Korištenje svojstva poravnavanja teksta za kontrolu izgleda
Možete koristiti poravnati tekst CSS svojstvo za definiranje načina na koji preglednici postavljaju tekst vodoravno. Najčešće vrijednosti su lijevo , pravo , centar , i opravdati . Oni su prilično jednostavni, iako opravdati unosi određenu složenost.
Poravnavanje teksta trebate koristiti umjereno. Na oglasnim panoima i plakatima središnje poravnanje može biti prikladno, ali može otežati čitanje duljih blokova teksta. Opravdanje je obično čitljivije kada su redovi teksta duži. Opravdavanje kratkih stupaca teksta može stvoriti ružne razmake.
The poravnati tekst property je jedno od mnogih CSS svojstava koja pružaju korisno oblikovanje i osnovno pozicioniranje.
Udio Udio Cvrkut E -pošta 10 jednostavnih primjera CSS koda koje možete naučiti za 10 minutaTrebate pomoć s CSS -om? Za početak isprobajte ove osnovne primjere CSS koda, a zatim ih primijenite na vlastite web stranice.
Pročitajte Dalje Povezane teme- Programiranje
- Web razvoj
- Web dizajn
- CSS
Bobby je entuzijast u tehnologiji koji je skoro dva desetljeća radio kao programer softvera. Oduševljen je igranjem igara, radi kao urednik recenzija u Switch Player Magazinu, a uronjen je u sve aspekte online izdavaštva i web razvoja.
Više od Bobbyja JackaPretplatite se na naše obavijesti
Pridružite se našem biltenu za tehničke savjete, recenzije, besplatne e -knjige i ekskluzivne ponude!
Kliknite ovdje za pretplatu