我的 div 中有一个内联图像,它是通过使用内联的position:absolute
(我不能使用其他内联方法,因为它们会导致行高发生变化。)这些图像流出 div 并发送到下一行.. .但是图像没有下降..它被发送到下一行,这意味着它被发送到 div 的最左边,但它的高度没有下降,所以它几乎就像它保持在同一行但移动向左转?我怎样才能解决这个问题?
示例:(*将最后两张图片的宽度从 30px 更改为 150px 以查看我所描述的效果。)http://jsfiddle.net/ztKP5/2/
代码:(*将最后两张图片的宽度从 30px 更改为 150px 以查看我描述的效果。)
<div style="font: 30px; border:1px solid black; width: 350px; height:350px; word-wrap: break-word;">
<font face='helvetica'>
Test test test test test test test test test test test test test test test test!!
<img src='http://home.comcast.net/~urbanjost/images/globe_west_2048.jpg' style='width: 100px; height: 75px; position:absolute;'>
<img src='' style='width:100px; height:2px;'> <!-- this is a spacer-->
<img src='http://home.comcast.net/~urbanjost/images/globe_west_2048.jpg' style='width: 30px; height: 75px; position:absolute;'>
<img src='' style='width:30px; height:2px;'> <!-- this is a spacer-->
</font>
</div>