Radhitja e një elementi individual në modelin flex në CSS
Vetitë e mëposhtme që do të studiojmë,
nuk u jepen më prindit të elementeve flex,
por vetë elementeve. Le të shqyrtojmë vetinë
align-self, e cila radhit një bllok
të veçantë përgjatë boshtit kryq.
Supozoni se kemi blloqe flex, të rreshtuara
në një rresht. Le t'i radhisim në qendër vertikalisht,
duke vendosur align-items në vlerën center,
dhe elementit të dytë t'i japim një klasë shtesë
elem dhe për të të përcaktojmë një radhitje tjetër,
për shembull, ta ngjitim atë në skajin e sipërm.
Për këtë, elementit tonë me klasën elem
do të vendosim vetinë align-self në vlerën
flex-start:
<div class="parent">
<div class="child">1</div>
<div class="child elem">2</div>
<div class="child">3</div>
<div class="child">4</div>
<div class="child">5</div>
</div>
.parent {
display: flex;
align-items: center;
width: 300px;
height: 200px;
border: 1px solid red;
}
.child {
width: 50px;
height: 50px;
border: 1px solid green;
}
.elem {
align-self: flex-start;
}
:
