Tsentreerimine absoluutse positsiooniga CSS-is
On olemas kaval viis elemendi tsentreerimiseks kasutades absoluutset positsioneerimist. Saab teha nii, et element paigutatakse täpselt brauseri akna keskele. Selleks ei tohi elemendile määrata mõõtmeid ja samal ajal tuleb määrata positsioneerimine kõigilt neljalt küljelt:
<div id="elem"></div>
#elem {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid green;
}
:
Kirjeldatud meetodil looge plokk,
mis asub ekraani keskel ja millel on
kõigist servadest tagasitõuge 100px.
Kirjeldatud meetodil looge plokk,
mis on ekraani ülaservast 100px kaugusel,
paremast servast - 200px, alumisest servast - 50px,
ja vasakust servast - 10px kaugusel.
