css 전체상품리뷰 - 스퀘어위젯

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 전체상품리뷰 - 스퀘어위젯相关的知识,希望对你有一定的参考价值。

.reviews_index__head { display: none; }
.reviews_index__footer { display: none; }
.reviews_index_gallery_review__review_author_info { display: none; }
.reviews_index_gallery_review__review_product { visibility: hidden; }
.reviews_index_gallery_review__section {
  border-bottom: 0;
  position: initial;
}
.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%);
  border-radius: 0;
}
.reviews_index_gallery_review__box_default {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 100%;
  border-radius: 0;
}
.reviews_index_gallery__reviews { padding: 0 4px; }
.grid__item { margin: 4px 2px 0 2px; }
.products_reviews_gallery_review__my_tag { top: 14px; }
.reviews_index--gallery .reviews_index__reviews { width: 1239px; }
.reviews_index__head { display: none; }
.reviews_index__foot { display: none; }
.reviews_index_gallery_review__review_product { display: none; }
.photo_review_thumbnail__review_author_info { display: none; }
.reviews_index__body { border-bottom: 0; }
.reviews_index_gallery_review {
  width: 173px;
  margin: 0 1px 2px 1px;
}
.photo_review_thumbnail__review_image_thumbnail img {
  width: 173px;
  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%);
}
.photo_review_thumbnail__thumbnail_container {
  border-bottom: 0;
  height: 173px;
  position: relative;
}

以上是关于css 전체상품리뷰 - 스퀘어위젯的主要内容,如果未能解决你的问题,请参考以下文章

css 상품리뷰 - 프리뷰위젯

css 상품리뷰 - 갤러리위젯

css 상품리뷰 - 평점위젯

css 상품리뷰 - 소셜위젯

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

css 모바일에서3열인갤러리위젯(전체리뷰)