如何在DIV中插入图片？

Question

本帖最后由 pycollin 于 2013-03-01 12:10:35 编辑

Answer 1

window.onload = function(){
var image = new Image();
image.src = '1.jpg';/*要显示的图片的路径*/
image.onload = function(){
this.style.position = 'absolute';
this.style.top = '400px';
document.getElementById('div1').appendChild(image);/*要添加图片的DIV的ID*/
}
}

Answer 2

剩下的就是处理css布局了

Answer 3

Quote: 引用 4 楼 dongdong406 的回复:

引用 3 楼 pycollin 的回复:
引用 2 楼 bbjbepzz 的回复:谢谢。麻烦能否举例说明一下。要用绝对定位图片并实现文字环绕我是实现不了了

Answer 4

上网查的例子，http://www.wzsky.net/html/Website/CSS/98640.html，你看这个效果 

Answer 5

<div style="float:left;">
  <div style="float:left;height:100px;width:1px;">
  </div>
  <div style="float:left;height:250px;width:250px;
  clear:left;background:#F00;margin:25px 5px 5px 0;">
  </div>
  <p>新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容
  新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容</p>
</div>