好吧,我有一个尺寸宽度为200px且高度为110px的div支架。
当我加载图像时,通常它超过这样的尺寸,因此我需要根据图像的尺寸将图像调整为宽度或高度的内容。所以,如果用它调整,可能会出现三种情况:
1.-高度高于110px,因此当div溢出设置为隐藏时,需要将其垂直居中。
2.-身高等于110px,没问题。
3.-(问题)高度小于110px。在这种情况下,我应该做些什么呢?因为我想要涵盖所有div内容。
感谢。
答案 0 :(得分:1)
如果您将图片作为容器的背景加载,则可以使用background-size: cover
或background-size: contain
并使用background-position: center center
将其保持在中间位置,无论大小如何。
或者,您可能希望使用表格单元格,因为它们允许内容在内部垂直对齐(使用带有一个单元格的表格,或容器上的display: table-cell
)。