A hivatkozások központosítása a CSS-ben

A hivatkozás központosítására két módszer létezik:

• Központosítsa a hivatkozásokat a CSS-ben a „ szöveg igazítás ' ingatlan
• Központosítsa a hivatkozásokat a CSS-ben a „ árrés ' ingatlan

Ebben a cikkben elmagyarázzuk mindkét módszert a hivatkozás központosítására. Szóval, kezdjük!

1. módszer: A hivatkozások központosítása a CSS-ben a szövegigazítási tulajdonság használatával

A hivatkozások HTML-ben való középre helyezéséhez a „ szöveg igazítás ” a CSS tulajdona. Az ' szöveg igazítás ” tulajdonság a CSS-ben a szöveg igazításának beállítására szolgál, például balra, jobbra, középre és igazítási igazításra.

Szintaxis

A text-align tulajdonság szintaxisa a következő:

A „helyén érték ”, beállíthatja a szöveg igazítását, például balra, jobbra, középre és sorkizárásra.

Most a „ szöveg igazítás ” a megadott hivatkozások középre igazításához.

Példa

Ha egy hivatkozást egy weboldalon szeretne középre helyezni, a címkén belül egy hivatkozást adunk hozzá HTML-ben. Ehhez használja az címkét egy hiperhivatkozás meghatározásához, és adja meg a kívánt webhely címét. Ezt követően adja meg a hivatkozás nevét. Esetünkben hozzáadtuk a Linuxhint weboldalunkra mutató linket.

Az alábbi kép azt jelzi, hogy a link hozzáadásra került, amely alapértelmezés szerint a bal oldalon található:

Most lépjen a CSS-re a hivatkozás központosításához.

Itt a „ a ” a hozzáadott hivatkozás eléréséhez. Ezután állítsa be a text-align értékét a következőre: központ ' és '' Blokk ”. Ennek eredményeként az elem blokk elemként kerül hozzáadásra, egy új sortól kezdve és a teljes szélességet felveszi.

CSS

Jegyzet: A CSS text-align tulajdonság nem működik egyedül a címke központosításában. Ezért használnia kell a „ kijelző ' tulajdonság és állítsa be az értékét ' Blokk ” a hivatkozás középre állításához.

Most lépjen a HTML-re, és futtassa a következő eredmény megtekintéséhez. Itt láthatja, hogy a link a weboldal közepéhez igazodik:

Térjünk át a második módszerre a hivatkozás középre igazításához.

2. módszer: Központosítsa a hivatkozásokat a CSS-ben a „margó” tulajdonság használatával

A CSS-ben a „ árrés ” tulajdonságot használják a hivatkozás központosítására. Ez a 'gyorsírás' tulajdonsága margó-bal ”, „ margó-jobb ”, „ margin-top ”, és „ margó-alsó ” tulajdonságait. Egy sorban beállíthatja az összes adott tulajdonság értékét.

Szintaxis

A margó tulajdonság szintaxisa:

A fent megadott szintaxis leírása az alábbiakban található:

• auto: A böngészőnek megfelelő elemek beállítására szolgál.
• tetejére: A margó felülről történő beállítására szolgál.
• jobb: A margó jobb oldali beállítására szolgál.
• gomb: A margó alulról történő beállítására szolgál.
• bal: A margó balról történő beállítására szolgál.

Jegyzet: Két érték megadása a margót felülről és alulról, a margót pedig balról és jobbról jelöli; ha azonban egy értéket adunk hozzá, a margó mind a négy oldalra vonatkozik.

Térjünk át a példára, ahol középre helyezünk egy hivatkozást a ' árrés ' ingatlan.

Példa

Először állítsa be a megjelenítési tulajdonság értékét ' Blokk ' és a szélessége ' 70 képpont ”. Ezt követően alkalmazza a margin tulajdonságot, és állítsa be értékét „ auto ”:

Jegyzet: Az ' kijelző ” és „ szélesség ” tulajdonság beállítása szükséges; egyébként a „ árrés ” ingatlan nem fog működni. A szélesség tulajdonság értéke a kijelző felbontásának és a szöveg hosszának megfelelően állítható be.

Az adott képen látható, hogy a link sikeresen középre került:

Ez az! Elmagyaráztuk a link központosításának módszereit.

Következtetés

Az ' szöveg igazítás ” és „ árrés ' tulajdonság a hivatkozás központosítására szolgál a ' kijelző ” és „ szélesség ' ingatlan. A display tulajdonság a text-align tulajdonsággal együtt szükséges, míg a margó tulajdonság használatakor mind a display, mind a width tulajdonságok kötelezőek a hivatkozás középre helyezéséhez. Ez az útmutató különböző módszereket tárgyal a hivatkozások CSS-ben való központosítására.