Centravimas naudojant absoliutų pozicionavimą CSS
Yra gudrus būdas centruoti elementą naudojant absoliutų pozicionavimą. Galima padaryti taip, kad elementas bus patalpintas tiksliai naršyklės lango centre. Tam reikia nenurodyti elemento matmenų ir tuo pačiu metu nustatyti pozicionavimą iš visų keturių pusių:
<div id="elem"></div>
#elem {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid green;
}
:
Naudodamiesi aprašytu būdu, sukurkite bloką,
esančią ekrano centre ir atsitraukiantį
iš visų pusių po 100px.
Naudodamiesi aprašytu būdu, sukurkite bloką,
atsitraukiantį nuo ekrano krašto viršuje 100px,
dešinėje - 200px, apačioje - 50px,
o kairėje - 10px.
