Home-theater-designers
Üks esimesi funktsioone, mida kõik arendajad tekstitöötlusega tegelemisel õppisid, oli teksti joondamine. See väike tööriist on olnud eluliselt tähtis nii professionaalsetele kirjutajatele kui ka amatöörlehtede disaineritele. Pole üllatav, et CSS toetab veebikujunduse puhul teksti joondamist.
The teksti joondamine atribuut koos ühe või kahe teisega juhib seda, kuidas element oma teksti horisontaalselt joondab. Lisaks põhitõedele rakendavad brauserid aeglaselt rohkem spetsifikatsioone, kuid täielik tugi on erinev. Siit saate teada, kuidas teksti joondada ja milliseid funktsioone tänapäeval tavalised brauserid toetavad.
CSS-i tekstijoondamise atribuudi põhitõed
Joondamine on üks tuntumaid tüpograafiatermineid. CSS kontekstis teksti joondamine viitab horisontaalsele joondamisele.
Horisontaalne teksti joondamine kehtib ainult plokkkonteinerite kohta. Need on täislaiusega elemendid, näiteks lõiked ja jaotised. Kasutades teksti joondamine inline elemendi omadus nagu sisse ei mõju. Samuti saate joondada loendiüksusi ja tabeli lahtreid.
arvuti ei ühenda WiFi -ga Windows 10
Vaikimisi joondatakse tekst vasakult paremale (rohkem sellest hiljem) vasakule:
CSS -is on see sama mis:
p { text-align: left; }Või:
p { text-align: start; }Seotud: Mis on kaskaadlaadilehed ja milleks kasutatakse CSS -i?
Selle jaoks saate kasutada muid väärtusi teksti joondamine atribuut horisontaalse joonduse muutmiseks. Kõige tavalisemad väärtused on tekstitöötlusrakendustest tuttavad:
text-align: left
text-align: center
text-align: rightVasaku ja parema serva joondamiseks kasutage põhjendust
Teine ühine väärtus teksti joondamine on õigustada . Brauserid lisavad põhjendatud tekstile ruumi, nii et iga rida ulatub vaba ruumi täitmiseks:
Kui õigustate teksti, võib viimane rida olla keeruline. Kuna see võib olla väga lühike (võib -olla ainult üks sõna), võib selle vahe kogu laiuse ulatuses olla kole. Vaikimisi joondab isegi õigustatud tekst viimase rea vasakule.
Windows 10 ei saa installida usb -lt
Mõnikord võite soovida teistsugust efekti. Brauseri rakendused jõuavad spetsifikatsioonidele järele, kuid võimalikud on kaks lähenemisviisi.
The õigustada-kõik väärtus peaks tähendama, et brauserid kohtlevad viimast joont nagu kõiki teisi ja venitavad selle kogu laiusele. Kuid kirjutamise ajal ei toeta ükski brauser seda väärtust. Sa saad kontrollige, kas nad seda teevad seda artiklit lugedes.
Veel üks CSS -i omadus, text-align-last , on paindlikum ja parema toega. Saate seda ravida enam -vähem samamoodi nagu teksti joondamine , kuid see kehtib ainult viimase rea kohta:
Selle vara brauseri tugi on parem, kuid mitte täiuslik. Jällegi, enne kasutamist kontrollige seda . Kui brauser seda omadust ära ei tunne, ignoreerib see seda.
Teksti joondamine ja lugemise suund
Võimalik, et töötate keelega, nagu araabia või heebrea keel, mis loeb paremalt vasakule. CSS kasutab suunda atribuut selle täpsustamiseks, näiteks:
direction: rtl;Need keeled joondavad teksti vaikimisi tavaliselt paremale.
Selle asemel, et täpsustada vasakule / õige , eelistatud teksti joondamise viis kasutab väärtusi alustada ja lõpp . See määrab, kas tekst peaks olema rida iga rea alguses või lõpus. Vasakult paremale, alustada on samaväärne vasakule . Paremalt vasakule keeles algab tekst paremalt ja lõpeb vasakul.
serveri IP -aadressi ei leitud.
Kasutades alustada või lõpp tähendab, et sõltumata teksti suunast on joondamine järjepidev.
Kuidas elemendid pärivad teksti joondamise atribuudi
Peaksite teadma, et teksti joondamine vara pärib. Näiteks kui määrate selle keha elementi, rakendub see lehe igale elemendile. Loomulikult saate selle igal elemendil tühistada.
Teksti joondamise atribuudi kasutamine paigutuse juhtimiseks
Võite kasutada teksti joondamine CSS -i atribuut, et määrata, kuidas brauserid teksti horisontaalselt paigutavad. Kõige tavalisemad väärtused on vasakule , õige , Keskus ja õigustada . Need on üsna lihtsad, kuigi õigustada toob kaasa teatud keerukuse.
Teksti joondamist peaksite kasutama säästlikult. Reklaamtahvlitel ja plakatitel võib keskne joondamine olla sobiv, kuid see võib raskendada pikemate tekstiplokkide lugemist. Põhjendus on tavaliselt loetavam, kui tekstiridad on pikemad. Lühikeste tekstiveergude õigustamine võib tekitada koledaid vahemaid.
The teksti joondamine atribuut on üks paljudest CSS -i omadustest, mis pakuvad kasulikku vormindamist ja põhipositsioneerimist.
Jaga Jaga Piiksuma E -post 10 lihtsat CSS -koodi näidet, mida saate õppida 10 minutigaKas vajate abi CSS -iga? Alustuseks proovige neid CSS -koodi põhinäiteid, seejärel rakendage neid oma veebilehtedele.
Loe edasi Seotud teemad- Programmeerimine
- Veebiarendus
- Veebidisain
- CSS
Bobby on tehnoloogiahuviline, kes töötas enam kui kaks aastakümmet tarkvaraarendajana. Ta on kirglik mängude vastu, töötab ajakirja Switch Player ülevaadete toimetajana ning on süvenenud kõikidesse veebipõhiste avaldamise ja veebiarenduse aspektidesse.
Veel Bobby JackiltTelli meie uudiskiri
Liituge meie uudiskirjaga, et saada tehnilisi näpunäiteid, ülevaateid, tasuta e -raamatuid ja eksklusiivseid pakkumisi!
Tellimiseks klõpsake siin