CSSda absolyut orqali markazlashtirish
Elementni markazlashtirishning absolyut pozitsiyalash orqali aqlli usuli mavjud. Element brauzer oynasining aniq markazida joylashgan qilish mumkin. Buning uchun elementga o'lchamlarni belgilamaslik va shu bilan birga to'rt tomondan pozitsiyalashni belgilash kerak:
<div id="elem"></div>
#elem {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid green;
}
:
Tasvirlangan usul yordamida ekran markazida joylashgan
va barcha tomondan 100px chegarasi olgan blokni yarating.
Tasvirlangan usul yordamida ekran chetidan yuqoridan 100px,
o'ngdan - 200px, pastdan - 50px,
chapdan - 10px chegarasi olgan blokni yarating.