Question

一个DIV中，如何同时插入图片和文本

如图。在一个DIV中左面插入一张图片，右面写入一段文字，不另加其他DIV。。。。。

我试了一下，只出现下面的情况，插入图片后，再写文字，只有文字第一行和图片一齐，其部份都会被排到下面。。。。。
请各位认真看一下，我说的是只有在【一个DIV】中插入图片和文字





Answer 1

这个 问题 写好样式就可以解决了
<style>
div{width:300px; border:#000 1px solid; float:left; padding:5px; line-height:150%;}
img{ width:150px; float:left; margin-right:5px;}
</style>
<div >
<img src="001.jpg" />文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字
</div>

希望对你有帮助

追问

试了一下，似乎不行，以给一下效果图不？谢谢

追答

这是效果图

Answer 2

这是在正常的，img和文字都属于行内元素“display:inline”，所以当图片和文字处于同一行的时候，他们的底部会对齐，相当于vertical-align:bottom；然后文字遇到div右边就会自动换行。

其实在图片上加个style="float:left"基本上可以解决问题

没错，就是你说的只有一个div。（其实跟没有一样）
效果图不给了，自己试试更快

Answer 3

<div>
<img src='images/001.jpg' style='float:left;'/>111
</div>

追问

试了一下，效果好像和我描述的一样，以给一下效果图不？谢谢

Answer 4

左边的div float:left；然后把外边的div pading-left 设置成大一些，不然小的div 会遮挡住一部分文字。

Answer 5

把两个的div都价格 float;left。就可以并排了