如何将图像元素置于包装 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%;
}