div问题为什么插入换行符？

我想显示一幅300像素300像素的图像，然后我想显示一些文字。不幸的是，我想要显示的文本从图像的下一行开始。这是裸码： -div问题为什么插入换行符？

<html> 
    <body> 
     <div> 
      <div style="display:inline;"><img alt="a.jpg" src = "a.jpg"/></div> 
      <div style="display:inline;">some text which is too long probably a big paragraph</div> 

     </div> 
    </body> 
</html>

如何以平滑流布局显示所有内容？

感谢提前:)

来源

2010-11-27 TCM

<div> 
    <img> text 
</div>

静静地飘浮图像。

div { overflow:auto; } 
img { float:left; }

来源

2010-11-27 13:35:21

你可能会需要一定的余量，右侧和下边距添加到图像，从而使文字不会触及图像。 – neurolabs 2010-11-27 13:48:15

@neurolabs是的，您可能还需要为图像添加边框，以便在背景为白色的图像（并且周围的背景也是白色）的情况下清晰地区分其尺寸。 – 2010-11-27 13:50:47

我认为浮动的建议是正确的，但应用到div在这种情况下，即

<div style="display:inline;overflow:auto;float:left;"> 
    <img alt="a.jpg" src = "VC.JPG"/> 
</div>

当然

来源

2010-11-27 13:44:37

div问题为什么插入换行符？

回答

相关问题