وسط قرار دادن جعبه ...
 
آگاه‌سازی‌ها
پاک‌کردن همه

وسط قرار دادن جعبه (عمودی -افقی ) در css


ارسال‌: 551
شروع کننده موضوع
(@rezaei)
Honorable Member
عضو شده: 9 سال قبل

سلام . _
همه شما تا به حال هر موقع میخواستین یک باکس یا همون جعبه ای رو در وسط صفحه قرار بدین از خاصیت :

auto:0 margin;

استفاده میکردین !! درسته ؟ خوب حالا اگه بخایم این جعبه از نظر عمودی هم در وسط صفحه قرار بدیم یا به عبارتی جعبه در صفحه تراز بشه باید چیکار کنیم .. نگران نباشید تا یک دقیقه دیگه یادش میگیرید ..... این کاری که ما میخوایم انجام بدیم یکی از هک های css محسوب میشه ...

خوب اول این کدها رو توی بدنه یعنی بین body قرار بدین

 

انجمن وردپرس فارسی

www.wpir.ir

وردپرس | user : css

خوب حالا نوبت به استایلش میرسه :: این کد رو هم قبل از head قرار بدین ::


body {
font-family:Tahoma;
text-align:center;
margin:0;
padding:0;
background:#666666;
}


#centerbox {
background-color:#FFFFCC;
width:650px;
height:340px;
margin:10px auto;
position:relative;
border:solid 7px #0099FF;
}
	
	
#centerbox {
	
position:absolute;
margin:-210px 0 0 -360px;
left:50%;
top:50%;
}
	


فراگیری این کد خیلی راحته فقط یکم دقت کنین ...
>> البته همیشه راه های دیگه ای هم هست >>
موفق باشین !!

اشتراک: