我尝试这样做,但它没有改变大小:
<div style="height:42px;width:42px">
<img src="http://someimage.jpg">
</div>
有什么方法可以改变图片的大小(我无法编辑/访问图片元素本身)?
我尝试这样做,但它没有改变大小:
<div style="height:42px;width:42px">
<img src="http://someimage.jpg">
</div>
有什么方法可以改变图片的大小(我无法编辑/访问图片元素本身)?
我不确定你所说的“我无法访问图像”的意思,但如果你有父级div的访问权限,可以执行以下操作:
首先为你的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%;
}
将100%
的宽度和高度应用于您的图像:
<div style="height:42px;width:42px">
<img src="http://someimage.jpg" style="width:100%; height:100%">
</div>
这样它就会与其父元素相同大小。
#parentDiv img { height: 100%; width: 100%; }
。 - Sarfraz实际上,如果图像小于您指定的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>
<div class="card-logo">
<img height="100%" width="100%" src="http://someimage.jpg">
</div>
和 CSS:
.card-logo {
width: 20%;
}
我更喜欢这种方式,因为如果需要放大,我也可以使用150%。
您的:
<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 如果有其他人看到这条留言,请告诉我我的代码写得好不好。我在这门语言方面还很新手,还想要学习更多。