Изменить размер изображения через родительский DIV

Я пытался сделать это, но это не изменило размер:

<div style="height:42px;width:42px">
   <img src="http://someimage.jpg">
</div>

Что изменит его размер (я не могу редактировать / трогать сам элемент img).

Заранее спасибо.

 JJ_Coder4Hire05 апр. 2014 г., 22:34
установить одно измерение. другое измерение изменится, чтобы масштабироваться равномерно. <img style = "height: 42px;" SRC =»someimage.jpg«>

Ответы на вопрос(4)

Применять100% ширина и высота вашего изображения:

<div style="height:42px;width:42px">
  <img src="http://someimage.jpg" style="width:100%; height:100%">
</div>

Таким образом, он будет того же размера, что и его родитель.

 Mattis04 мар. 2012 г., 17:17
Надеюсь, у него есть доступ для редактирования кода изображения ...
 Sarfraz04 мар. 2012 г., 17:31
@ agam360: Если у вас есть доступ к родительскому div, вы можете использовать этот css:#parentDiv img { height: 100%; width: 100%; }
 Sarfraz04 мар. 2012 г., 17:18
@ agam360: Тогда вам придется использовать JS, обновляя ответ.
 funerr04 мар. 2012 г., 17:17
Я сказал, что у меня нет доступа к элементу img ...
 funerr04 мар. 2012 г., 17:18
@ Маттис, нет, я не ...: |

С уважением:

  <div style="height:42px;width:42px">
  <img src="http://someimage.jpg">

Можно ли использовать этот код?

  <div class= "box">
  <img src= "http://someimage.jpg" class= "img">
  </div>

  <style type="text/css">
  .box{width: 42; height: 42;}
  .img{width: 20; height:20;}
  </style>

Просто пытаюсь хоть и поздно. : 3 Для кого-то еще, читающего это, дайте мне знать, если способ, которым я написал код, не был хорош. Я новичок в этом виде языка. и я все еще хочу узнать больше.

 ouflak19 мар. 2014 г., 17:03
Попробуйте отвечать на вопросы с ответами, а не на дополнительные вопросы. Добро пожаловать на сайт! :)
 Slicedpan19 мар. 2014 г., 16:58
Это не отвечает на вопрос. Использование CSS и встроенные стили эквивалентны

если оно меньше указанного вами размера div. Вам нужно установить одно из размеров, высоту или ширину, чтобы все изображения заполняли пространство. По моему опыту, лучше установить высоту, чтобы каждая строка была одинакового размера, тогда все элементы будут правильно перенесены на следующую строку. Это приведет к выводу, аналогичному fotolia.com (веб-сайт стокового изображения)

с помощью css:

parent {
   width: 42px; /* I took the width from your post and placed it in css */
   height: 42px;
}

/* This will style any <img> element in .parent div */
.parent img {
   height: 42px;
}

без:

<div style="height:42px;width:42px">
    <img style="height:42px" src="http://someimage.jpg">
</div>
Решение Вопроса

что вы подразумеваете под «у меня нет доступа к изображению», но если у вас есть доступ к родительскому div, вы можете сделать следующее:

Первые дают идентификатор или класс вашему div:

<div class="parent">
   <img src="http://someimage.jpg">
</div>

Затем добавьте это к вашему CSS:

.parent {
   width: 42px; /* I took the width from your post and placed it in css */
   height: 42px;
}

/* This will style any <img> element in .parent div */
.parent img {
   height: 100%;
   width: 100%;
}
 Yes Barry24 июл. 2012 г., 09:46
Твердый раствор!Примечание: Ты неимеют установить высоту. Я пропустил это в своем объявлении и позволил высоте быть автоматической, в то время как ширина соответствует ширине его родителя.
 Mattis04 мар. 2012 г., 17:51
Это было именно то, что сказал Сарфраз :)
 Ilja05 мар. 2012 г., 22:10
@ Mattis О, правда, извините, я не читал комментарии, тоже самое))

Ваш ответ на вопрос