图像对齐问题

我在不同的宽度和高度上使用了不同的品牌图像。我想以水平和垂直居中显示图像。请看下面的小提琴。图像对齐问题

2012-04-20 designersvsoft

和你的问题是？ – UmNyobe 2012-04-20 10:05:22

给line-height相同DIV的height。像这样写：

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

入住这http://jsfiddle.net/FXQhv/1/

来源

2012-04-20 10:08:03 sandeep

谢谢。它工作正常。 – designersvsoft 2012-04-20 10:10:03

很高兴帮助:) – sandeep 2012-04-20 10:10:39

添加以下

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

来源

2012-04-20 10:11:55 Ryano

看来你忘了定义的line-height所以现在你只需要添加行高在你的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/

来源

2012-04-20 10:39:28

图像对齐问题

回答

相关问题