圖像對齊問題

我在不同的寬度和高度上使用了不同的品牌圖像。我想以水平和垂直居中顯示圖像。請看下面的小提琴。圖像對齊問題

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

圖像對齊問題

回答

相關問題