Blokinio elemento lygiavimas su atitraukimu kairėje CSS
Reikšmė auto skirtai margin iš
tikrųjų gali ne tik centruoti.
Iš esmės ši reikšmė leidžia automatiškai apskaičiuoti
atitraukimą ir padaryti jį kuo įmanoma didesniu.
Kai nustatome auto kairiajam ir dešiniajam
atitraukimams - elementas
centruojamas.
Tačiau galima nustatyti tik kairįjį atitraukimą. Tokiu atveju elementas gaus kuo įmanoma didesnį atitraukimą kairėje ir užims kraštutinę dešiniąją padėtį:
<div class="parent">
<div class="child"></div>
</div>
.parent {
padding: 10px 0;
border: 1px solid red;
}
.child {
margin-left: auto; /* nustatomas automatinis kairysis atitraukimas */
height: 100px;
width: 200px;
border: 1px solid green;
}
: