0

現在、画像回転子 (SlideDeck) で画像を垂直方向に揃えようとしています。現在、画像はすべて上部に配置されていますが、これらを中央に配置する必要があります。画像の高さが異なります。

絶対アライメントなど、運が悪いなど、さまざまな方法を試しました。

参照してください: http://bcc1.olivernewth.com/houses/the-lindens/

更新:これを行う方法を見つけました(画像回転子が背景を使用して画像を垂直方向に中央揃えするようになりました)。ただし、Alt テキストがなく、古いブラウザーと互換性がないため、これが最善の方法であるかどうかはわかりません... 何か提案はありますか?

.div {
  background:       url(image.jpg) no-repeat center center; 
  width:            960px; 
  height:           384px; 
  background-size:  100%; 
  background-width: 960px;
}
4

1 に答える 1

0

以下のコードは、画像を垂直方向と水平方向に整列させます。

.container {
    width: 960px;
    height: 384px;
    display: block;
    line-height: 382px;
    overflow: hidden;
    text-align: center;
}
.container img {
    vertical-align: middle;
}

画像をHTMLに挿入し、背景として使用しない場合は、「container」クラスが.divになる可能性があります。

于 2012-10-01T18:03:54.210 に答える