hitos searchhitos contactusتماس با ما

سوال و جواب تخصصی هیتوس

حذف فاصله اضافه زیر عکس در HTML

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

نمونه سورس:

<div id="box">
    <img src="/img/item.jpg" width="560" height="180" />
</div>

ممنون می شم راهنمای کنید.

توسط alireza در طراحی وب

مشکل از خاصیت inline-block پیش فرض عکس هاست، یعنی عکس ها به صورت پیش فرض این خاصیت رو دارند که شما باید عوضش کنید.

برای حل این مشکل دو راه وجود داره، یک این که بالای کدهایتون به تمام عکس ها خاصیت زیر رو بدید:

img{
     display: block;}

دوم می تونید این خاصیت رو تنها به اون عکستون بدید:

#box img{
     display: block;}

موفق باشید.

توسط morteza_almasi در
برای ثبت پاسخ باید ثبت نام کرده یا وارد بخش کاربری خود شوید، کلیک کنید!

عضویت در خبرنامه

با عضویت در خبرنامه هیتوس در جریان آخرین پست ها و آموزش های ما باشید. هیتوس برای اعضای خبرنامه خود تخفیف ویژه در نظر می گیرد

منتظر بمانید
شما به عضویت خبرنامه در آمده اید