CSS හි වම් ඉඩකඩ සහිත බ්ලොක් අංග පෙළගැස්වීම

margin සඳහා වන auto අගය සැබවින්ම මධ්‍යගත කිරීමට පමණක් නොවේ. ප්‍රායෝගිකව මෙම අගයට ඉඩකඩ ස්වයංක්‍රීයව ගණනය කර එය හැකි උපරිම කිරීමට ඉඩ සලසයි. අපි වම් සහ දකුණු ඉඩකඩ සඳහා auto සකසන විට - අංගය මධ්‍යගත වේ.

කෙසේ වෙතත්, වම් ඉඩකඩ පමණක් සැකසිය හැක. මෙම අවස්ථාවේදී අංගයට හැකි උපරිම වම් ඉඩකඩ ලැබෙන අතර අන්ත දකුණු ස්ථානය ගනී:

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

.parent {
	padding: 10px 0;
	border: 1px solid red;
}
.child {
	margin-left: auto; /* ස්වයංක්‍රීය වම් ඉඩකඩ සකසන්න */
	height: 100px;
	width: 200px;
	border: 1px solid green;
}