Sentrering gjennom absolutt i CSS
Det finnes en lur måte å sentrere et element gjennom absolutt posisjonering. Du kan gjøre slik at elementet plasseres nøyaktig i midten av nettleservinduet. For å gjøre dette må du ikke angi dimensjoner på elementet og samtidig angi posisjonering fra alle fire sider:
<div id="elem"></div>
#elem {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid green;
}
:
Ved hjelp av den beskrevne metoden, lag en blokk
som befinner seg i midten av skjermen og har innrykk
fra alle sider på 100px.
Ved hjelp av den beskrevne metoden, lag en blokk
som har innrykk fra toppen av skjermkanten 100px,
fra høyre - 200px, fra bunnen - 50px,
og fra venstre - 10px.
