css文字环绕图片实现方法

时间：2011-11-29 编辑：简简单单来源：一聚教程网

代码如下

复制代码

team report graphic, replaced image

Team Report 10-06-05

An anchor tag perhaps?

Or a strong tag perhaps?

Here's a paragraph too!

实例二

背景图的方式实现在图片浮动时不让文字内容环绕到图片下方
这个方法的好处是代码简单，使用方便，当然，前提是你不需要在图片上加链接。

代码如下

复制代码

www.111com.net - 聚合小段精华代码

在编程的过程中，我们通常都会积累很多简单、有效并且可重用的小段代码，一个简单的字符串处理函数或者一个验证邮件地址的正则表达式，又或者一个简单的文件上传类，甚至一个效果不错的CSS导航样式。这些小技巧为我们节省了不少时间，但是时间一长，代码数量越来越多，寻找起来也耗费了不少时间。因此，本站致力于收集整理一些类似的小知识，并且努力提高文章搜索质量，一来方便大家查阅，二来也算是支持一下开源事业。

实例

HTML代码如下:

代码如下

复制代码

.
.
.

Numerous blocks of text

.
.
.

CSS代码大致如下:
div.wrap_area { position: relative; }
div.wrap_area img { position: absolute; left: 0px; top: 0px; }
div.wrap_area p { position: relative; }
div.shape_wrap div { float: left; clear: left; height: 20px; }

效果如下

上一个： css清除浮动几种做法
下一个：浏览器css hack收集最全面的hack手册

推荐专题

最新下载

热门教程

css文字环绕图片实现方法

team report graphic, replaced image

Team Report 10-06-05

www.111com.net - 聚合小段精华代码

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程