изображение выравнивание выпуск

Question

Я использовал различные изображения бренда в различной ширине и высоте. Я хочу отображать изображения по горизонтали и по вертикали. См. Следующий скрипт.

http://jsfiddle.net/FXQhv/

Answer 1

ДАЙ line-height же, как height в DIV. Написать так:

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

Проверить это http://jsfiddle.net/FXQhv/1/

Answer 2

Добавьте следующий

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

Answer 3

Кажется, вы забыли определить высоту строки, так что теперь вы просто должны добавить высоту строки в вашем CSS :

.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