css 전체상품리뷰 - 행높이고정

Posted 2021-05-13

.reviews_index_gallery_review__section--photo {
  /* 사진 크기를 정방형으로 맞추기 위해 */
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.reviews_index_gallery_review__image {
  /* 사진의 세로 중앙 정렬을 맞추기 위해 */
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}