Sentrering deur absolute posisionering in CSS
Daar is 'n slim manier om 'n element te sentreer deur absolute posisionering. Jy kan dit so maak dat die element presies in die middel van die blaaier venster geplaas word. Om dit te doen, moet jy nie die afmetings van die element spesifiseer nie en terselfdertyd posisionering van al vier kante toewys:
<div id="elem"></div>
#elem {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid green;
}
:
Maak deur die beskryfde metode 'n blok
wat in die middel van die skerm is en 'n spasie van
100px aan al die kante het.
Maak deur die beskryfde metode 'n blok
met 'n spasie van 100px van die boonste kant van die skerm,
200px van die regterkant,
50px van die onderkant,
en 10px van die linkerkant.
