調整圖像到div並居中

Question

好吧，我有一個尺寸寬度爲200px和高度爲110px的div支架。

當我加載圖像，通常它超過這種尺寸，所以我需要根據圖像的尺寸調整圖像的寬度或高度這樣的內容。所以，如果用其調整，可能會出現三種情況：

1.-高度高於110px，因此當div溢出被設置爲隱藏時，需要垂直居中。

2.-高度等於110px，沒問題。

3.-（問題）高度小於110px。在這種情況下，我應該做些什麼呢？因爲我想涵蓋所有的div內容。

謝謝。

Answer 1

如果您將圖像作爲容器的背景加載，則可以使用background-size: cover或background-size: contain進行調整，並使用background-position: center center將它保持在中間位置，而不管大小。

或者，您可能想要使用表格單元格，因爲這些內容可以在內部垂直對齊（可以使用帶有一個單元格的表格或容器上的display: table-cell）。