Question

我尝试这样做，但没有改变大小：

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

什么会重新调整大小（我无法编辑/触摸img元素本身）。

提前致谢。

Answer 1

我不确定你的意思是“我无权访问图像”但是如果你有权访问父div，你可以执行以下操作：

Firs给你的div提供id或class：

<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%;
}

Answer 2

将100%宽度和高度应用于您的图片：

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

这种方式与父母的大小相同。

Answer 3

如果图像小于您指定的div大小，实际使用100％将不会使图像变大。您需要设置其中一个尺寸，高度或宽度，以便让所有图像填充空间。根据我的经验，最好设置高度，使每行的大小相同，然后所有项目都适当地换行到下一行。这将产生类似于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>

Answer 4

我正在这样做：

<div class="card-logo">
    <img height="100%" width="100%" src="http://someimage.jpg">
</div>

和CSS：

.card-logo {
    width: 20%;
}

我更喜欢这种方式，好像我需要升级-我也可以使用150％

Answer 5

此致：

  <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 对于读这篇文章的其他人，请知道我编写代码的方式是不是很好。我是这种语言的新手。我还想了解更多。

通过父DIV更改图像大小

5 个答案: