0
コンテナ内で動的に生成されたイメージの集まりを縮小して中央に置くことができますか？コンテナ内で動的に生成されたイメージの集まりを縮小して中央に配置する
はじめに：私はデザイナーではありません。
私はページが、このように見える終わるたい：
これは、それが現在のようになります。 http://www.nickysfolders.com/nicky-s-communicator-english.aspx?SessionThemeID=34
これは私のCSSです：
.product-wrapper{
position: relative;
width: 40vw;
height: 23vw;
background-color: lightgray;
}
.cent {
text-align: center;
position:absolute;
max-height: 100%;
}
これは私のhtmlです：
<div class="product-wrapper">
<div class="cent">
<ac:layoutarea id="PhotoArea">
<a href="$$LINKHREF$$" itemprop="image" class="main-product-photo block zoom rel">
$$MAINPHOTO$$
<!--<div class="caption">$$CAPTION$$</div>-->
</a>
<ac:visibilityarea id="lvCarousel">
<div class="pad-20 no-pad-lr">
$$THUMBNAILS$$
</div>
</ac:visibilityarea>
</ac:layoutarea>
<ac:layoutarea id="PhotoThumbLayout">
<ul class="product-thumbnails no-padding">$$GROUP$$</ul>
</ac:layoutarea>
<ac:layoutarea id="PhotoThumbGroup">
$$ITEM$$
</ac:layoutarea>
<ac:layoutarea id="PhotoThumb">
<li class="no-padding"><a href="$$THUMBLINKHREF$$" class="thumbnail">$$THUMBNAIL$$</a></li>
</ac:layoutarea>
<ac:visibilityarea id="Featured">
<div class="abs product-flag left top featured"><span>Featured!</span></div>
</ac:visibilityarea>
<ac:visibilityarea id="Spotlight">
<div class="abs product-flag left bottom spotlight"><span>Spotlight!</span></div>
</ac:visibilityarea>
<ac:visibilityarea id="Flag1">
<div class="abs product-flag right top flag1"><span>New!</span></div>
</ac:visibilityarea>
<ac:visibilityarea id="Flag2">
<div class="abs product-flag right bottom flag2"><span>Hot!</span></div>
</ac:visibilityarea>
<ac:visibilityarea id="Flag3">
<div class="abs product-flag right bottom flag3"><span>Sale!</span></div>
</ac:visibilityarea>
</div>
</div>
私はamericommerceと呼ばれるホストされたCMS内で働いています。私を助けてください。
他にも役立つ情報があれば教えてください。
友人に感謝します。