Question

是否可以通过定义div的样式来设置图像的大小？在这种情况下，我们无法直接对标记进行图像处理，因为它会动态插入到页面中。

Answer 1

我想你想要这个：

这里的图片位于具有.img-box类的div中，具有特定的width:250px和height:250px;。

将width:100%;和height:100%;提供给img图片延伸到div的最大可用高度和宽度。

你在这里看到的粉红色区域是div .img-box的背景，当我给它padding:2px;时，它是可见的。如果您愿意，可以删除padding以完全放入，而不留任何空格。

<强> Working Demo : To Play around

检查出来：

body{margin:0px;}
.img-box
{
    margin:0px;
    height:250px;
    width:250px;
    background:pink;
    padding:2px;
    
}

.img-box img
{
    margin:0px;
    width:100%;
    height:100%;
}

<div class="img-box">
    <img src="http://www.mountainguides.com/photos/everest-south/c2_2011b.jpg" />
</div>

使用div调整图像文件的大小

1 个答案: