CSS තුළ නිරපේක්ෂ මඟින් මධ්යගත කිරීම
නිරපේක්ෂ ස්ථානගත කිරීම භාවිතා කරමින් මූලද්රව්යයක් මධ්යගත කිරීමේ දක්ෂ ක්රමයක් තිබේ. මූලද්රව්යය බ්රව්සර් කවුළුවේ හරියටම මැදට යොමු කර තැබිය හැකිය. මෙය සිදු කිරීම සඳහා, මූලද්රව්යයට ප්රමාණ නියම නොකර, එම අතරම සියලු පැති හතර සඳහාම ස්ථානගත කිරීම නියම කළ යුතුය:
<div id="elem"></div>
#elem {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid green;
}
:
විස්තර කරන ලද ක්රමය භාවිතා කරමින්, තිරයේ මධ්යයේ පිහිටා ඇති සහ සියලු පැතිවලින්
100px ක් පරතරයක් තබා ඇති බ්ලොක් එකක් සාදන්න.
විස්තර කරන ලද ක්රමය භාවිතා කරමින්, ඉහළින් තිරයේ කෙළවරේ සිට 100px,
දකුණින් - 200px, පහළින් - 50px,
සහ වම් පසින් - 10px ක් පරතරයක් තබා ඇති බ්ලොක් එකක් සාදන්න.