0 
.photospace .slideshow-container {
    position: relative;
    clear: both;
    height: 450px;

さまざまな画像サイズのスライドショーがありますが、530 x 549 を超えません。それよりも小さい画像の場合、どのように入力すればよいですか? やりたいことの写真。マージン/パディングを追加できますが、既に 530x549 の画像が画面の下に表示されます。

私のウェブサイト

4

3 に答える 3

2

DIVと同じ行の高さheightを指定します。次のように書きます。

    .photospace .slideshow a.advance-link {
        line-height: 549px;
        width: 530px;
    }
.photospace .slideshow img{
 vertical-align:middle;
}
于 2012-06-06T12:38:02.290 に答える
1

display:table-cellとを使用できますvertical-align:middle。

現在jQueryで提供していることがわかる.gal_content display:blockので、これを次のように変更する必要がありますtable-cell

.photospace .gal_content{
    display:table-cell;
    vertical-align:middle;
    float: right;
    width: 530px;
    height: 549px;
}
于 2012-06-06T12:37:35.107 に答える
0

垂直方向に中央に揃えたい場合は、DIVS と CSS だけでは (少なくともすべてのブラウザーで)不可能です。正しく配置するには、Javascript を使用する必要があります。

または、古いブラウザーについて段階的に検討していない場合は、Flexboxという新しい Webkit CSS3 プロパティを参照してください。

以下は、800x800px のボックスにスローされ、Flexbox を使用して自動調整された画像の例です: http://jsfiddle.net/7rFEn/embedded/result/

于 2012-06-06T12:30:04.260 に答える