顯示來自Facebook圖形的圖像顯示在頂部保留。爲什麼？

Question

爲什麼當我從facebook圖片設置圖片src圖片時，圖片保留頂部（頂部有一個空格）？

這裏是IMG

$('.raters-div').append("<div class='rater-img'><div class='rate-value'>"+value+ 
    "</div><img src='https://graph.facebook.com/"+user+"/picture' class='img123' /></div>"); 

CSS樣式

.rater-img{ 
    float: right; 
    background-color: red; 
    margin-right: 1px; 
    height: 30px; 
    width: 30px; 
    padding: 0px; 
    margin-top: 3px; 
} 
.img123{ 
    margin: 0px; 
    padding: 0px; 
    width:30px; 
    vertical-align: top; 
} 
.rate-value{ 
    top: 17px; 
    right: 16px; 
    position: relative; 
    color: #fff; 
    font-size: 11px; 
    font-weight: bold; 
    padding: 1px; 
    text-align: center; 
    height: 11px; 
    width: 11px; 
    z-index: 500; 
    background-color: #000; 
} 

Answer 1

也許html代碼，因爲你使用vertical-align: top和你的形象是默認display: inline？刪除該行或將其設置爲vertical-align: middle以垂直居中。

空白空間可能是因爲.rate-value有padding: 1px;