Kaip Centruoti Div

Turinys:

Kaip Centruoti Div
Kaip Centruoti Div

Video: Kaip Centruoti Div

Video: Kaip Centruoti Div
Video: 4 Quickest Ways to Center Div with CSS 2024, Lapkritis
Anonim

Šiuolaikiniai puslapių išdėstymo standartai nedraudžia naudoti lentelių išdėstymo, tačiau sluoksniuotas išdėstymas iš tikrųjų tapo privalomu standartu kuriant svetaines. Be akivaizdžių pranašumų, stalo išdėstymo pakeitimas atnešė naujų didelių ir mažų problemų. Vienas iš jų yra horizontalus bloko struktūros sulyginimas puslapyje. Pažvelkime į keletą praktinių būdų, kaip nustatyti sluoksnį į puslapio pločio centrą.

Kaip centruoti div
Kaip centruoti div

Būtinas

Pagrindinės žinios apie HTML

Nurodymai

1 žingsnis

Vieną iš variantų, kaip išspręsti sluoksnio (DIV bloko) sulyginimo su atviro puslapio lango centru problemą, galima apeiti tik naudojant HTML („HyperText Markup Language“- „hiperteksto žymėjimo kalba“). Turite įdėti bloką į žymę. Tokiu būdu išdėstytas paprasčiausias puslapio kodas gali atrodyti, pavyzdžiui, taip:

DIV sulygiavimas su centru

2 žingsnis

Kitas variantas naudoja CSS („Cascading Style Sheets“). Pagal sulyginto sluoksnio stilių turite nustatyti automatinį poslinkio dydžio nustatymą nuo lango kraštų. Tokio puslapio kodas paprasčiausia forma gali būti, pavyzdžiui, toks:

DIV sulygiavimas su centru

Rekomenduojamas: