Obsah

• inštrukcia
• Ako zarovnať text
• odišiel {
• správne {
• centrum {
• Ako centralizovať delenie, rozdelenie kontúr a karosérií
• tipy
• Čo potrebujete

Namiesto použitia atribútov zarovnania HTML obsiahnutých v značkách HTML, ktoré označujú text, je lepšie, aby weboví dizajnéri preniesli informácie o prezentácii (možnosti zarovnania) do štýlu. Tento článok vám vysvetlí, ako zarovnať text a ako centrovať väčšie elementy stránky, ako napríklad divízie.

inštrukcia

Štýly vám umožňujú zarovnať a vycentrovať viac ako text (obrázok rozloženia webovej stránky podľa 6922Designer z Fotolia.com)

Ako zarovnať text

1. Ak chcete zarovnať text v rámci normálneho bloku textu, napríklad odseku alebo citácie, použite vlastnosť zarovnania textu.

2. Možnosti hodnoty pre vlastnosť text-align sú vľavo, vpravo, v strede a odôvodňujú. Pretože nie je text na webe dobre čitateľný, na obrázku sú zobrazené iba zarovnanie vľavo, vpravo a v strede. Na tomto obrázku má každý odsek čierny okraj, ktorý demonštruje veľkosť prvku bloku na stránke, ak sa na prvok nepoužije nastavenie šírky.

3. Typicky je prvok priradený k ID alebo triede. Zarovnanie textu na všetkých položkách v tomto ID alebo triede je definované s pravidlom, ako napríklad:

   
   

   odišiel {

   zarovnanie textu: doľava; }

   správne {

   zarovnanie textu: vpravo; }

   centrum {

   zarovnanie textu: stred; }

Ako centralizovať delenie, rozdelenie kontúr a karosérií

1. Možno budete chcieť vycentrovať celé rozloženie alebo veľké rozloženie. V týchto prípadoch sa používa iná technika CSS.

2. Pravidlo CSS aplikujete na selektor najväčšieho prvku, ktorý chcete vycentrovať. Môže to byť element tela, hraničná divízia alebo kontajnerová divízia.

3. Centrovanie touto metódou neovplyvní zarovnanie textu. Vycentrovaný prvok zachová štandardné zarovnanie textu v strede v strede.

4. Nasleduje ilustrácia celého elementu tela (s čiernym okrajom pre jasnosť) so stredom na stránke. Pre element musí byť nastavená šírka, potom ľavý a pravý okraj sú nastavené na automatické. To sa robí nasledovne:

   
   

   telo {šírka: 80%; pravý okraj: auto; ľavý okraj: auto; hranica: 1px plná čierna; }

tipy

• Za normálnych okolností nemusíte používať zarovnanie doľava, pretože predvolené je zarovnanie doľava.Musíte však vedieť, že existuje, ak musíte predefinovať predtým centralizovaný alebo zarovnaný text na predvolenú hodnotu neskôr. Šírka prvku, ktorý sa má vystrediť, môže byť definovaná v pixeloch, percentách alebo ems.

Čo potrebujete

• Textový editor
• HTML editor
• Základné znalosti HTML