image not ocuppying all space in div

Что делать, если я помещаю тег внутри div, который имеет, скажем, 354x300 px что-то, приблизительная оценка, а src этого тега имеет px 1,6k x 1,2k? Проблема в том, что есть место под изображением, я не занимаю все пространство, я не знаю, что происходит, изображение уже достаточно велико, я думал, что он собирается изменить размер до размера div где находится тег img.image not ocuppying all space in div

<div class="myClass"> 
    <img src="theVeryBigImage.jpg"/> 
</div>

Выше мой код для той части, которая приводит в этой части, см ниже изображение

enter image description here

Как вы можете видеть, что изображение имеет размер 1600x1200 пикселей, но все же это Безразлично» т занимают все пространство, он оставляет пустое пространство (пробел) ниже

источник

2012-10-23 lemoncodes

мог бы вы предоставить прямую ссылку, если это возможно? –

Возможно, он не загружается полностью: D Используйте «Inspect Element», чтобы увидеть, что соответствует пробелу внизу и удалите его. Или, если часть изображения отсутствует, вы сможете увидеть, что скрывает его –

nope его работа, его просто, что он изменяет размеры сам, уже ответил ниже, все правильно, кроме как с отрицательным голосом: D – lemoncodes

Некоторые значения по умолчанию для css могут задавать высоту изображения.

Попробуйте

.myClass { height: /* some height */; } 
.myClass img{ height:100% ; }

источник

2012-10-23 06:30:36

вопрос: изображение kinda stretched, я думаю, что это нормально, учитывая размер div и размер фактического изображения, но хм-м это нормально? – lemoncodes

Тенденция заключается в том, чтобы исправить размер обертки div и установить размер изображения на 100%, так что даже с разными размерами изображений весь макет страницы остается стабильным. –

попробовать

.myClass img{display:block ;height:100%;width:100%;}

источник

2012-10-23 06:30:00

убедитесь, что нет обивки и нет разницы между div и img

.myClass { margin:0; padding: 0; width: auto; height: auto; } 
.myClass img { margin:0; padding: 0; }

источник

2012-10-23 06:32:07 InspiredJW

это предотвращает растяжение изображения, но я думаю, что текущее изображение в норме: D – lemoncodes

image not ocuppying all space in div

ответ

Смежные вопросы