نمایش تصویر در وسط صفحه

[saeedtrb]

سلام دوستان می خواستم بدونم چه طور می تونیم یک تصویر در وسط صحه قرار بدیم با css نه تگ center

[2undercover]

این روش رو توی سایت sitepoint (http://sitepoint.com) خوندم که با CSS3 انجام میشه:


img
{
position: absolute;
top: 50%;
left: 50%;
display: block;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}


اگر هم که اندازه عکستون ثابت و مشخصه اینطوری:


img
{
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 300px;
height: 120px;
margin: -150px 0 0-60px;
}


که به اندازه نصف طول و عرض عکس باید از margin های بالا و چپ عکس کم کنید!

[saeedtrb]

عکسم داخل مطالب با این روش نمیشه position: absolute; می خوام تمام عکس تو مطالب وسط صفحه قرار بگیرن

[qartalonline]

کد زیر:

<div style="text-align:center">
<img src="img.png">
</div>

[moalla]

وسط قرار دادن تگ عکس یه فوت کوزه گری داره نمیگم از تو این فیلم (http://quicklearn.ir/?q=node/46) ببینید :لبخند:

[saeedtrb]

حالا نمیشه بگی دادش الان یه جایی هستم فوری لازم دارم و نمی تونم فیلم ببینم

[moalla]

بصورت معمولی برای وسط قرار دادن عمودی از این کد استفاده کنید: margin:0 auto;
اگه تگ شما لینک یا عکس است display:block رو هم اضافه کنید