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

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

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

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

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

13
html image-size

4 ответов

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

Firs дают id или класс вашему 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%;
}
23

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

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

таким образом, он будет одинакового размера своего родителя.

7

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

С 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>
0

С уважением:

  <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 Для кого-то еще, читающего это, дайте мне знать, если способ, которым я написал код, не был хорошим. im новое в этот вид языка. и я все еще хочу больше узнать.

-1