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图片不会出现在对方下方（请看图片）？

回答

相关问题