Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如果外部div大小宽度和高度未定义,如何使用CSS缩小图像大小?_Html_Image_Css - Fatal编程技术网

Html 如果外部div大小宽度和高度未定义,如何使用CSS缩小图像大小?

Html 如果外部div大小宽度和高度未定义,如何使用CSS缩小图像大小?,html,image,css,Html,Image,Css,但是静止图像的大小更大,我需要将图像从到、左、右、下缩小。您需要设置容器的宽度和高度,或者第一个容器的尺寸 然后,如果您不想使用精确的px大小,请使用百分比。 装满容器= .vid-thumb { float: left; border: 1px solid #333; position: relative; overflow: hidden; background: #f1f1f1; vertical-align: middle; dis

但是静止图像的大小更大,我需要将图像从到、左、右、下缩小。

您需要设置容器的宽度和高度,或者第一个容器的尺寸

然后,如果您不想使用精确的px大小,请使用百分比。 装满容器=

.vid-thumb {
    float: left;
    border: 1px solid #333;
    position: relative;
    overflow: hidden;
    background: #f1f1f1;
    vertical-align: middle;
    display: inline;
}

.vid-thumb img {
    margin-top: -46px;
    overflow: hidden;
    position: relative;
}
相反,如果您谈论的是div底部的小空间。。是默认情况下在div中的不可见空白。您可以通过以下操作将其删除:

width: 100%;
height: 100%;
你是说像这样吗


除非我遗漏了什么,否则听起来您只需要直接使用CSS中的
宽度
高度
规则设置图像的大小。这不是你想要的吗?如果你想让图像变大或变小,你必须设置图像的宽度和高度。我不确定你想要什么样的结果,因为我看不到一个例子。当然,如果你不在css中设置图像的大小,它将具有原始大小。我已经解决了这个问题,只给出了img的宽度和高度。:)我已经解决了这个问题,只给出了img的宽度和高度。:)
width: 100%;
height: 100%;
div {
line-height: 0;
}