カントは、私はこのウェブサイトのwww.acigaiabeta.esy.esを持つ垂直カルーセル

Question

こんにちは 上の画像を揃え、そのイムが垂直方向中央にカルーセルの画像を揃えるしようとしているが、it'sは常にトップにこだわっ。 私はこのチップを折り畳むことさえしようとしましたが、それでもまだ場所を変更しませんでした。 大きな画像ではtheresは大したことではありませんが、小さな画像では問題があり、画像のサイズはランダムです。 何が欠けていますか？

.carousel .item { 

    vertical-align: middle; 
    height: 500px; 
    background-color: #777; 
} 
.carousel-inner > .item > img { 
    vertical-align: middle; 
    max-width: 100%; 
    height: auto; 
    margin: auto; 
    top:auto; 
-webkit-transition: 0.6s ease-in-out left; 
-moz-transition: 0.6s ease-in-out left; 
-o-transition: 0.6s ease-in-out left; 
transition: 0.6s ease-in-out left; 

} 

私は上に縦型のアライメントを使用して試してみました。ここで

Answer 1

はあなたが必要とCSSです：

#myCarousel img { 
    position: absolute; 
    max-width: 100%; 
    max-height: 100%; 
    left: 50%; 
    top: 50%; 
    -webkit-transform: translate(-50%, -50%); 
     -moz-transform: translate(-50%, -50%); 
     -ms-transform: translate(-50%, -50%); 
     -o-transform: translate(-50%, -50%); 
      transform: translate(-50%, -50%); 
} 

Answer 2

はそれを試してみてください。

.first-slide { 
 
    position: abolute; 
 
    left: 0; 
 
    top: 0; 
 
    right: 0; 
 
    bottom: 0; 
 
    margin: auto; 
 
}