Urekebishaji wa Kipengele Kimoja katika Mfumo wa Flex katika CSS

Sifa zifuatazo ambazo tutasoma, hazipewi kwa mzazi wa vipengele vya flex, bali kwa vipengele wenyewe. Hebu tuchunguze sifa align-self, ambayo inarekebisha kipengele binafsi kwenye mhimili wa kuvuka.

Tuchukulie tuna vizuizi vya flex vilivyopangwa kwa mstari. Tuwarekebishe katikati wima, kwa kuweka align-items kwa thamani center, na kwa kipengele cha pili tukipe darasa la ziada elem na kwake tukiweka urekebishaji mwingine, kwa mfano, tukibana kwenye ukingo wa juu.

Kwa hili kipengele chetu chenye darasa elem tutaweka sifa align-self kwa thamani 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;
}

Rudisha ukurasa kulingana na kielelezo hiki: