Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.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
Css 将图像调整为div并使其居中_Css_Image_Html - Fatal编程技术网

Css 将图像调整为div并使其居中

Css 将图像调整为div并使其居中,css,image,html,Css,Image,Html,嗯,我有一个div支架,尺寸宽:200px,高:110px 当我加载一个图像时,通常它会超过这样的尺寸,所以我需要根据图像的尺寸,通过宽度或高度来调整图像以适应这样的内容。因此,如果通过调整,可能会出现三种情况: 1.-高度高于110px,因此当div溢出设置为隐藏时,需要将其垂直居中 2.-高度等于110px,没问题 3.-(问题)高度小于110像素。在这种情况下我该怎么办?因为我想涵盖所有的div内容 谢谢。 如果您将图像加载到容器的背景中,您可以混淆背景大小:封面 >代码>背景大小:包含,

嗯,我有一个div支架,尺寸宽:200px,高:110px

当我加载一个图像时,通常它会超过这样的尺寸,所以我需要根据图像的尺寸,通过宽度或高度来调整图像以适应这样的内容。因此,如果通过调整,可能会出现三种情况:

1.-高度高于110px,因此当div溢出设置为隐藏时,需要将其垂直居中

2.-高度等于110px,没问题

3.-(问题)高度小于110像素。在这种情况下我该怎么办?因为我想涵盖所有的div内容


谢谢。

如果您将图像加载到容器的背景中,您可以混淆<代码>背景大小:封面<代码> >代码>背景大小:包含,并使用<代码>后台位置:中心中心< /代码>将其保持在中间,无论大小。


或者,您可能希望使用表格单元格,因为它们允许内容在内部垂直对齐(或者使用带有一个单元格的表格,或者容器上的
display:table cell

!!!这正是我们所期待的。。。非常感谢。我使用了backgroundsize:cover,因为“contain”不能正常工作,并且没有使用display:table单元格。这是没有必要的,但如果你认为出于任何原因,请反馈给我。