CSS-də mütləq mövqe ilə mərkəzləşdirmə
Elementi mərkəzləşdirmək üçün mütləq mövqeləndirmə vasitəsilə hiyləgər bir üsul mövcuddur. Elementin brauzer pəncərəsinin tam mərkəzində yerləşməsini təmin etmək olar. Bunun üçün elementə ölçülər təyin etməməli və eyni zamanda dörd tərəfdən mövqeləndirmə təyin etməlisiniz:
html<div id="elem"></div>css#elem {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid green;
}
Результат:
Задание 1
Təsvir olunan üsuldan istifadə edərək, ekranın mərkəzində yerləşən və bütün tərəflərdən 100px aralı olan bir blok düzəldin.
Задание 2
Təsvir olunan üsuldan istifadə edərək, yuxarıdan ekran kənarına 100px, sağdan - 200px, aşağıdan - 50px, soldan isə - 10px aralı olan bir blok düzəldin.