Keskeytys absoluuttisen positsioinnin avulla CSS:ssä
On olemassa ovela tapa keskitää elementti absoluuttisen positsioinnin avulla. Voit tehdä näin, että elementti sijoitetaan täsmälleen selaimen ikkunan keskelle. Tätä varten elementille ei saa antaa kokoa ja samalla on asetettava positsiointi kaikilta neljältä puolelta:
<div id="elem"></div>
#elem {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid green;
}
:
Tässä kuvatulla tavalla tee lohko,
joka sijaitsee näytön keskellä ja jossa on tilaa
kaikilta puolilta 100px.
Tässä kuvatulla tavalla tee lohko,
jossa on tilaa yläreunasta 100px,
oikealta - 200px, alhaalta - 50px,
ja vasemmalta - 10px.
