Centrarea prin absolut în CSS
Există o metodă ingenioasă de centrare a unui element prin poziționarea absolută. Puteți face astfel încât elementul să fie plasat exact în centrul fereastrei browserului. Pentru a face acest lucru, nu trebuie să setați dimensiunile elementului și în același timp să setați poziționarea din toate cele patru părți:
<div id="elem"></div>
#elem {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid green;
}
:
Folosind metoda descrisă, faceți un bloc
care se află în centrul ecranului și se retrage
din toate părțile cu 100px.
Folosind metoda descrisă, faceți un bloc
care se retrage de sus de la marginea ecranului cu 100px,
din dreapta - cu 200px, de jos - cu 50px,
iar din stânga - cu 10px.
