PDA

View Full Version : مبتدی: در مرد چیدمان



{mahdi}
شنبه 17 آبان 1393, 17:32 عصر
با سالام:
من چطور می تونم یه div رو دقیقا وسط صفحه نمایش قرار بدم(افقی و عمودی).

Rejnev
شنبه 17 آبان 1393, 18:31 عصر
نقش والد در به جواب رسیدن خیلی مهمه. نگفتین والد Body هست یا یک دیو دیگه... اما بهر حال شاید این بدرد بخوره:


<div class="cn"> <div class="center"></div></div>

.cn{
top:0;
left:0;
bottom:0;
right:0;
background:skyblue;
position:absolute;
}
.center{
width:100px;
height:100px;
background:dodgerblue;
position:absolute;
right:50%;
margin-right:-50px;
top:50%;
margin-top:-50px;
}

نمونه اجرا شده (http://codepen.io/anon/pen/ExeGf)