Obsah
Pri vytváraní webovej stránky môže byť užitočné použiť CSS na vycentrovanie horizontálneho zoznamu, napríklad ponuky na kliknutie. Môžete použiť CSS, čo je jazyk štýlu, vedľa HTML na ovládanie vzhľadu vašej stránky. Štýly CSS sa často zobrazujú nepredvídateľne v rôznych webových prehliadačoch, preto je dôležité, aby ste stránku pred odoslaním dôkladne otestovali. Neusporiadaný zoznam (ul) je element na úrovni bloku, takže môžete použiť vlastnosť width na vytvorenie centralizovaného efektu.
inštrukcia
-
Otvorte súbor HTML v textovom editore, napríklad v programe Poznámkový blok systému Windows.
-
Pridajte požadované štýly CSS do horizontálneho zoznamu v časti "" súboru HTML pridaním nasledujúceho kódu:
type = "text / css"> .myclass {text-align: center; } .myclass ul {width: 275px; margin: 0px auto} .myclass li {zobraziť: blok; plavák: vľavo; výška: 50px; výška riadku: 50px; rozpätie: 5px; šírka: 125px; hranica: pevná 1px čierna; }Šírka zoznamu (ul) predstavuje súčet šírky a okrajov horizontálnych položiek (li).
-
Vytvorte horizontálny zoznam v časti ">" súboru HTML pridaním nasledujúceho kódu:
- prvá položka
- druhá položka v div
Značka "ul" určuje neusporiadaný zoznam. Značka "li" zodpovedá položke v zozname. Zoznam položiek používa štýly CSS, ktoré zodpovedajú definíciám uvedeným vyššie.
-
Uložte súbor HTML a načítajte ho na webový server, aby sa zobrazil vodorovný, stredový zoznam.