PDA

View Full Version : قرار دادن عکس در یک باکس



imdeveloper
سه شنبه 31 فروردین 1395, 18:05 عصر
سلام
من یک div دارم که توش یک تگ img هست و میخوام این عکس کل این div‌رو بگیره و عکش کش نیاد
چی باید بکنم؟

دانیال دزفولی
چهارشنبه 01 اردیبهشت 1395, 08:18 صبح
img :

width: 100%;
height: auto;

imdeveloper
پنج شنبه 02 اردیبهشت 1395, 11:28 صبح
اینکارو کردم اما مثلا باکسم 200*200 هست بعد وقتی width 100% میدم چون تصویر wide هست ارتفاع عکس از باکس کمتر میشه و پایین باکس خالیه

دانیال دزفولی
جمعه 03 اردیبهشت 1395, 07:33 صبح
روش های مختلف
1. بکگراند بدی - بعد background-size:cover

2. همون عکسو ارتفاعشو 100% بده و طول خودکار - باکس 200*200 رو overflow:hidden کن


* عکس display:block باشه