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

时间:2012-06-03 17:27:39

标签: css image html

好吧,我有一个尺寸宽度为200px且高度为110px的div支架。

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

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

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

3.-(问题)高度小于110px。在这种情况下,我应该做些什么呢?因为我想要涵盖所有div内容。

感谢。

1 个答案:

答案 0 :(得分:1)

如果您将图片作为容器的背景加载,则可以使用background-size: coverbackground-size: contain并使用background-position: center center将其保持在中间位置,无论大小如何。

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