Hogyan tegye a css div képest középre a szülő

Tehát, hogy ne öntsön vizet közvetlenül Megmutatom, hogyan hajtják végre, és akkor még megmondani, hogy mi a szülő elem, és akkor talán valaki nem érti. Tehát a lényeg az összehangolás a következő:

  1. Regisztráljuk a div-egy meghatározott szélességű (kötelező)
  2. Határozzuk meg a külső padding számára - margin: 0 auto;

Például a sárga tartály (mint én vagyok a sárga dobozok mutatják az igazság) egy szürke doboz. A jelölő így néz ki:

Itt #ct egység végzi a szülő, hogy egy üres div. mert van benne. Body. viszont ez a szülő #ct. A szürke blokk 4-szer kevesebb, mint a tartály, és az alapértelmezett lesz tűzve a bal felső sarokban.

Hogyan tegye a css div képest középre a szülő
Hogy vagyunk igazítva egy ez? Ez egyszerű:

Szélesség kértük korábban írtam újra hangsúlyozni, hogy a szélessége a beállítás kell felvenned kötelező! A második tulajdonság kötelező - margin: 0 auto. ahol 0 - francia felett és alatt (írhat a másik, ha az), és az automatikus van csak, hogy a varázsszót, melynek központja az elem vízszintesen. Nézzük.

Hogyan tegye a css div képest középre a szülő

Minden jól működik, van ez a probléma, bár nagyon egyszerű volt. A recepció is működik, ha a szülői egység önmagában nincs nyilvánvaló méretét. Például, test - test és az oldal nem kérünk tőle szélesség, de ha #ct rekordot margin: 0 auto (a szélességet a tartály már definiált), akkor is lesz a központja képest a szülő, vagyis viszonylag szervezetben.

Érdekes a világ helyszíni építési

Ön előfizetett. És köszönöm.

Kapcsolódó cikkek