A szövegszerkesztés a fejlesztők egyik első tulajdonsága volt, amikor a szövegszerkesztéssel kezdtek foglalkozni. Ez az apró eszköz létfontosságú volt a professzionális gépírók és az amatőr szórólap -tervezők számára. Nem meglepő, hogy a CSS támogatja a szövegigazítást, amikor webdesignról van szó.
Az szöveg igazítás tulajdonság egy vagy két másikkal együtt szabályozza, hogy az elem hogyan igazítsa vízszintesen a szövegét. Az alapokon túl a böngészők lassan többet hajtanak végre a specifikációkból, de a teljes támogatás eltérő. Ismerje meg, hogyan kell igazítani a szöveget, és mely funkciókat támogatják a mai böngészők.
A CSS text-align Property alapjai
Az igazítás az egyik legismertebb tipográfiai kifejezés. A CSS összefüggésében szöveg igazítás vízszintes igazításra utal.
A vízszintes szövegigazítás csak a blokktárolókra vonatkozik. Ezek teljes szélességű elemek, például bekezdések és osztások. Használni a szöveg igazítás tulajdonság egy inline elemen, mint pl ban ben nem lesz hatása. A listaelemeket és a táblázatcellákat is igazíthatja:
hogyan találom meg, hogy milyen alaplapom van
Alapértelmezés szerint balról jobbra forduló nyelven (erről bővebben később) a szöveg balra igazodik:
CSS -ben ez ugyanaz, mint:
p { text-align: left; }
Vagy:
p { text-align: start; }
Összefüggő: Mik a lépcsőzetes stíluslapok és mire használható a CSS?
Más értékeket is használhat a szöveg igazítás tulajdonság a vízszintes igazítás megváltoztatásához. A leggyakoribb értékek a szövegszerkesztő alkalmazásokból ismertek:
text-align: left
text-align: center
text-align: right
Használja az indoklást a bal és a jobb szél igazításához
Egy másik közös érték szöveg igazítás van igazolni . A böngészők teret adnak az indokolt szöveghez úgy, hogy minden sor kitöltse a rendelkezésre álló helyet:
Amikor igazolja a szöveget, az utolsó sor trükkös lehet. Mivel nagyon rövid lehet (esetleg csak egyetlen szó), a teljes szélesség közötti távolság csúnya lehet. Alapértelmezés szerint még az indokolt szöveg is igazítja az utolsó sort balra.
hogyan lehet bootolható iso -t készíteni
Néha más hatást szeretne. A böngésző megvalósításai felzárkóznak a specifikációhoz, de két megközelítés lehetséges.
Az igazolja-minden érték azt jelenti, hogy a böngészők az utolsó sort úgy kezelik, mint a többit, és a teljes szélességre nyújtják. Íráskor azonban egyetlen böngésző sem támogatja ezt az értéket. tudsz ellenőrizze a caniuse -ot, hátha igen amikor ezt a cikket olvassa.
Egy másik CSS tulajdonság, text-align-last , rugalmasabb és jobb támogatással rendelkezik. Többé -kevésbé ugyanúgy kezelheti, mint szöveg igazítás , de ez csak az utolsó sorra vonatkozik:
Ennek a tulajdonságnak a böngésző támogatása jobb, de nem tökéletes. Újra, használat előtt ellenőrizze a caniuse -t . Ha egy böngésző nem ismeri fel ezt a tulajdonságot, akkor figyelmen kívül hagyja.
Szöveg igazítás és olvasási irány
Lehet, hogy olyan nyelvvel dolgozik, mint arab vagy héber, amely jobbról balra olvasható. A CSS a irány tulajdonság, például:
direction: rtl;
Ezek a nyelvek alapértelmezés szerint általában jobbra igazítják a szöveget.
Ahelyett, hogy pontosítani kellene bal / jobb , a szöveg igazításának előnyben részesített módja az értékeket használja Rajt és vége . Ez határozza meg, hogy a szövegnek sorba kell -e állnia minden sor elején vagy végén. Balról jobbra nyelven, Rajt egyenértékű bal . Jobbról balra nyelven a szöveg jobbról kezdődik, és balra ér véget.
hogyan lehet megtalálni a törölt üzeneteket a Facebookon
Használata Rajt vagy vége azt jelenti, hogy a szöveg irányától függetlenül az igazítás következetes.
Hogyan örökölhetik az elemek a szöveg-igazítási tulajdonságot
Tudnia kell, hogy a szöveg igazítás a tulajdon örököl. Például, ha beállítja a test elemre, az oldal minden elemére vonatkozik. Természetesen felülbírálhatja bármely elemen.
A text-align tulajdonság használata az elrendezés vezérléséhez
Használhatja a szöveg igazítás CSS tulajdonság annak meghatározására, hogy a böngészők hogyan helyezik el a szöveget vízszintesen. A leggyakoribb értékek bal , jobb , központ , és igazolni . Ezek meglehetősen egyszerűek, bár igazolni némi bonyolultságot vezet be.
A szövegigazítást mérsékelten kell használni. Óriásplakátokon és plakátokon a központi igazítás megfelelő lehet, de ez megnehezítheti a hosszabb szövegrészek olvasását. Az indoklás általában olvashatóbb, ha hosszabb szövegsorok vannak. A rövid szövegoszlopok igazítása csúnya távolságokat hozhat létre.
Az szöveg igazítás tulajdonság egyike a sok CSS tulajdonságnak, amelyek hasznos formázást és alapvető helymeghatározást biztosítanak.
Részvény Részvény Csipog Email 10 egyszerű CSS -példa, amelyet 10 perc alatt megtanulhatSegítségre van szüksége CSS munkájában? Először is próbálja ki ezeket az alapvető CSS -kódpéldákat, majd alkalmazza őket saját weboldalain.
Olvassa tovább Kapcsolódó témák- Programozás
- Webfejlesztés
- Web Design
- CSS
Bobby technológiai rajongó, aki két évtized nagy részében szoftverfejlesztőként dolgozott. Szenvedélyesen szereti a játékot, a Switch Player Magazin Vélemények szerkesztőjeként dolgozik, és elmerül az online közzététel és webfejlesztés minden területén.
Továbbiak Bobby Jack -tőlIratkozzon fel hírlevelünkre
Csatlakozz hírlevelünkhöz, ahol technikai tippeket, értékeléseket, ingyenes e -könyveket és exkluzív ajánlatokat találsz!
Feliratkozáshoz kattintson ide