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, April
Anonim

Savremeni standardi izgleda stranice ne zabranjuju upotrebu izgleda tablice, međutim, slojeviti izgled zapravo je postao obavezni standard prilikom izrade web stranica. Pored očiglednih 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 sredinu širine stranice.

Kako centrirati div
Kako centrirati div

Potrebno

Osnovno znanje HTML-a

Instrukcije

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 - "jezik hipertekstualnog označavanja"). Morate staviti blok unutar oznake. Tako najjednostavniji kôd stranice može izgledati, na primjer, ovako:

Poravnavanje DIV-a prema centru

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čuje se: