如何在DIV中插入图片？

pycollin 2013-03-01 12:06:13

如何在DIV中插入图片？某DIV height:600;width:400;现要在DIV height400处插入图片，并使文字环绕在图片周围。如图所示：

...全文

1577 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

pycollin 2013-03-01

打赏
举报

引用 2 楼 bbjbepzz 的回复:

JavaScript code ? 12345678910 window.onload = function(){ var image = new Image(); image.src = '1.jpg';/*要显示的图片的路径*/ image.onload = function(){ this.style.position = 'abs……

谢谢。但是文字不能环绕在图片周围啊

bbjbepzz 2013-03-01

打赏
举报


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*/
	}	
}

pycollin 2013-03-01

打赏
举报

pycollin 2013-03-01

打赏
举报

楼上高人，谢谢你。

爱T 2013-03-01

打赏
举报

引用 8 楼 ljc19901124 的回复:

XML/HTML code
?

123456789101112131415161718192021222324252627282930313233343536

<div style="float:left;"> <div style="float:left;height:100px;width:1px;"> </div> <div style="float:lef……

爱T 2013-03-01

打赏
举报


<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>

泰坦小毛驴 2013-03-01

打赏
举报

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

pycollin 2013-03-01

打赏
举报

引用 4 楼 dongdong406 的回复:

引用 3 楼 pycollin 的回复: 引用 2 楼 bbjbepzz 的回复: quote] [quote=引用 4 楼 dongdong406 的回复:] 引用 3 楼 pycollin 的回复: 引用 2 楼 bbjbepzz 的回复:

谢谢。麻烦能否举例说明一下。要用绝对定位图片并实现文字环绕我是实现不了了

pycollin 2013-03-01

打赏
举报

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

泰坦小毛驴 2013-03-01

打赏
举报

引用 3 楼 pycollin 的回复:

引用 2 楼 bbjbepzz 的回复: JavaScript code ? 12345678910 window.onload = function(){ var image = new Image(); image.src = '1.jpg';/*要显示的图片的路径*/ image.onload = function(){ this……

剩下的就是处理css布局了