CSS-de blok elementleriň deňleşdirilişi

margin häsiýeti diňe boşluk bermek üçin däl, eýsem blok elementleri merkezlemek üçin hem ulanylýar. Munuň üçin sag we çep boşluklary auto bahasyna bellänmeli.

Aşakdaky mysalda içki blok merkezde bolar:

html<div class="parent">
  <div class="child"></div>
</div>

css.parent {
  border: 1px solid red;
}

.child {
  height: 100px;
  width: 200px;
  border: 1px solid green;
  margin: 10px auto;
}

Результат:

Unutmaň, bu usul bilen diňe blok elementleri, diňe gorizontal ýönde we diňe giňişligi berlen bolsa merkezlenip bilner.

Eger ýokarky we aşaky boşluklar üçin dürli margin bahalary gerek bolsa, şeýle ýazyp bolýar:

css.child {
  margin: 30px auto 10px auto;
}

Onu üç baha bilen hem ýazyp bolýar: birinji ýokarky boşlugy, üçünji - aşagysyny, ikinjisi bolsa sag we çep boşluklar üçin auto bahasyny berýär:

css.child {
  margin: 30px auto 10px;
}