So zentrieren Sie ein Bildelement innerhalb eines umschließenden Div

Question

Nachstehend finden Sie die JSX- und CSS-Codes sowie Screenshots der Webseite.

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%;
}