PDA

View Full Version : سوال: قرار دادن تگ div دقیقا در وسط صفحه


rezaiy.ali
یک شنبه 03 آذر 1392, 12:28 عصر
با سلام خدمت دوستان گرامی
من می خوام ک یه تگ DIV رو دقیقا در وسط صفحه وبم قرار بدم، چه از طول و چه از عرض
چطور می تونم با css این کار رو بکنم؟
با تشکر
refugee
یک شنبه 03 آذر 1392, 12:42 عصر
سلام اینجا توضیح دادن .

http://barnamenevis.org/showthread.php?428027-%D8%AA%DA%A9%D9%86%DB%8C%DA%A9-%D9%87%D8%A7%DB%8C-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C&p=1915271&viewfull=1#post1915271
SlowCode
یک شنبه 03 آذر 1392, 12:44 عصر
خاصیت top عنصر رو به اندازه نصف صفحه یعنی 50% میاریم پایین بعد به اندازه نصف ارتفاع عنصر میبریم بالا.


<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<style>
*{margin:auto;padding:0;}
.container{width:100%;position:absolute;top:50%;}
.box{width:100px;height:100px;background:#DDD;marg in:-50px auto;}
</style>
<body>
<div class="container">
<div class="box"></div>
</div>
</body>
</html>