div內的html圖片不會出現在對方下方（請看圖片）？

爲什麼圖像以這種方式出現.. ..？div內的html圖片不會出現在對方下方（請看圖片）？

<div id='container'> 
     <div class='imgContainer'> 
     <div class='myLocation'> 
       <img src='https://graph.facebook.com/1055505/picture' style='width:30px'> 
       Tova Schherr 
     </div> 
     </div> 
     <div class='imgContainer'> 
     <div class='myLocation'> 
       <img src='https://graph.facebook.com/1205050/picture' style='width:30px'> 
       Alison Carmel 
     </div> 
     </div> 

..... .. 
...... 
</div>

您必須知道數據是示例才能顯示示例，因此它不起作用。

這裏是myLocation

.myLocation 
{ 
    margin-bottom:1px; 
    width:100%; 

    background-color:#F7F7F7; 
    color:#006699; 
    padding:7px; 
    padding-right:12px; 
}

enter image description here

來源

2011-09-24 Adham

關閉圖像標籤。 –

我已經做了，但沒有！ – Adham

你可以在jsfiddle中發佈代碼嗎？ –

也許CSS類，你的DOCTYPE需要關閉圖像標籤。

<img src="" />

來源

2011-09-24 13:47:01 cvsguimaraes

是的。 Doctype可能是個問題 – InspiredJW

不，同樣的問題！ :) – Adham

嘗試使用固定的高度上.imgContainer

.imgContainer { 
    height:80px; 
    vertical-align:middle; 
}

來源

2011-09-24 13:48:06 InspiredJW

div內的html圖片不會出現在對方下方（請看圖片）？

回答

相關問題