Centrēšana ar absolūto pozicionēšanu CSS
Pastāv viltīgs veids, kā centrēt elementu izmantojot absolūto pozicionēšanu. Var izveidot tā, ka elements tiks novietots tieši pārlūkloga centrā. Lai to izdarītu, elementam nav jānorāda izmēri un tajā pašā laikā jānorāda pozicionēšana no visām četrām pusēm:
<div id="elem"></div>
#elem {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid green;
}
:
Izmantojot aprakstīto paņēmienu, izveidojiet bloku,
kas atrodas ekrāna centrā un atkāpjas
no visām malām par 100px.
Izmantojot aprakstīto paņēmienu, izveidojiet bloku,
kas atkāpjas no ekrāna augšējās malas par 100px,
no labās puses - par 200px, no apakšas - par 50px,
un no kreisās puses - par 10px.
