Kako Centrirati Div

Sadržaj:

Kako Centrirati Div
Kako Centrirati Div

Video: Kako Centrirati Div

Video: Kako Centrirati Div
Video: Kako centrirati div u CSS-u | How to center a div with CSS 2024, Travanj
Anonim

Suvremeni standardi izgleda stranice ne zabranjuju upotrebu izgleda tablice, međutim, slojeviti izgled zapravo je postao obvezni standard prilikom izrade web stranica. Uz očite prednosti, zamjena izgleda stola donijela je neke nove velike i male probleme. Jedan od njih je vodoravno poravnanje strukture bloka na stranici. Pogledajmo nekoliko praktičnih načina postavljanja sloja na središte širine stranice.

Kako centrirati div
Kako centrirati div

Potrebno

Osnovno znanje HTML-a

Upute

Korak 1

Jednu od mogućnosti za rješavanje problema poravnavanja sloja (DIV blok) sa sredinom prozora otvorene stranice zaobilazi se samo pomoću HTML-a (HyperText Markup Language - "hipertekstualni markupni jezik"). Morate staviti blok unutar oznake. Tako najjednostavniji kôd stranice može izgledati, na primjer, ovako:

Poravnavanje DIV-a sa središtem

Korak 2

Druga opcija koristi CSS (Cascading Style Sheets). U stilu poravnatog sloja trebate postaviti automatsko otkrivanje veličine odstupanja od granica prozora. Kôd takve stranice u najjednostavnijem obliku može biti, na primjer, ovako:

Poravnavanje DIV-a prema centru

Preporučeni: