- A címkék használata.
- Stíluslap tulajdonság használata.
A szövegközépítés egyik módja, hogy a címkék közé tegye. A következő doboz egy példát tartalmaz.
Állítsa be ezt a szöveget!
A szöveg HTML kódba való beillesztése a következő eredményt eredményezné:
Állítsa be ezt a szöveget!
Megjegyzés: A a címkét most már elavultnak tekintik. Bár ez még mindig működik, várhatóan eltávolítani fogják a CSS használatát. Javasoljuk, hogy használja a stíluslap-módszert (az alábbi ábrán) a szöveg középpontjában a HTML-ben.
Stíluslap tulajdonság használata
A középpontba helyezett elem szöveges illesztési tulajdonságának megadásával a szöveget a CSS-szel központosíthatja.
Néhány szövegblokk központosítása
Ha csak egy vagy néhány szövegblokk van a központba, akkor ezt úgy teheti meg, hogy hozzáadja a stílus attribútumot az elem nyitó címkéjéhez, és kiválasztja a "text-align" tulajdonságot. Az alábbi példában hozzáadtuk őket a
címke:
Állítsa be ezt a szöveget!
Figyeljük meg, hogy a "text-align" tulajdonság értéke "center" -re lett állítva, ami azt jelzi, hogy az elemet középre kell állítani.
Több szövegblokk
Ha sok szövegblokkot szeretne központosítani, akkor a CSS belső címkéket az oldal fejrészében vagy egy külső stíluslapon használhatja. Lásd az alábbi példakódot, hogy hogyan állítson be minden szöveget a
p {text-align: center}
A szöveg az oldal minden címkéjén belül középre kerül. Ha szeretne néhány bekezdést középre állítani, míg mások nem, akkor az alábbi kódban látható stílusosztályt hozhat létre.
.center {text-align: center}
Ha egy középosztályt hoz létre, amint az a fenti példában látható, egy bekezdés középpontjában az alábbi kód használható, amely a központosztályt hívja:
Állítsa be ezt a szöveget!
Tipp: Miután létrehozott egy osztályt, bármely HTML-címkére alkalmazható. Például, ha azt szeretné, hogy a fejléc középre legyen állítva, akkor az osztályhoz hozzáadhatná az „osztály” -t