如何將圖像元素置於包裝 div 內的中心

Question

下面給出了jsx和css程式碼以及網頁的螢幕截圖。

Answer 1

嘗試為父 div 提供顯示 Flex 並使用 justify-content 和align-items 屬性，如下所示

.movie_image {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
  border: 2px solid black;
}

.image {
  height: 100%;
}