画像の位置合わせの問題

Question

私は異なる幅と高さで異なるブランドイメージを使用しました。私は、画像を水平および垂直に中央に表示したい。以下のフィドルをご覧ください。

http://jsfiddle.net/FXQhv/

Answer 1

DIVのheight同じline-heightを与えます。このように書く：このhttp://jsfiddle.net/FXQhv/1/

Answer 2

は、あなたが今あなたは自分のCSSの行の高さを追加する必要が行の高さを定義するのを忘れているようだ、次の

.ngg-gallery-thumbnail-box a { display:table-cell; width:120px; height:100px; vertical-align:middle; } 

Answer 3

を追加

.ngg-gallery-thumbnail-box { 
    float: left; 
    line-height: 100px; 
} 

チェック：

.ngg-gallery-thumbnail { 
    border: 1px solid #CCCCCC; 
    display: inline; 
    float: left; 
    height: 100px; 
    margin-bottom: 5px; 
    margin-left: 5px; 
    text-align: center; 
    width: 120px; 
    line-height:100px; 
} 

デモ： - http://jsfiddle.net/FXQhv/3/

read more about Centering (horizontally and vertically) an image in a box