经常在网上见到文字围绕图片,其实做法很简单,比如一个div里有图片和文字,只要设定图片的对齐方式,文字就围绕图片了,例如居左对齐:
<DIV><IMG src="http://www.baidu.com/img/baidu_logo.gif" align=left> 文字省略。。。。 </DIV>
显示如下:
站点基地是一个以提供网站素材以及技术代码为主要内容的网站。目前已成为国内最大的网站素材下载基地。 其主要内容包括png图标、网站常用gif小图片、jpg图片、网站模版以及程序开发技术文档, 例如:.net、jsp技术文档,js网站导航代码、网站装饰代码,css+div 网站布局代码等。 数据库方面包括Microsoft SQL Server、Oracle、Mysql、DB2网站数据库技术等。 另外JavaScript用户手册、CSS语法等也是本网站的一大亮点。 用心建好站,建设网站时首先想到的就是站点基地是本网站的建设宗旨,建设成为国内网站建设方面的门户网站也是本网站的终极目标。 如果您是一名网站建设人员,登录站点基地寻找素材、装饰网站,使您的网站更炫、更靓、更独具特色应该是个不错的选择。 如果您是一名程序编码人员,在遇到技术难题时登录站点基地,找到您要的答案也许不是难事,本网站收集了足量的技术难题解决方案。
居右对齐,把图片的algin属性设置为align="right"就可以了:
站点基地是一个以提供网站素材以及技术代码为主要内容的网站。目前已成为国内最大的网站素材下载基地。 其主要内容包括png图标、网站常用gif小图片、jpg图片、网站模版以及程序开发技术文档, 例如:.net、jsp技术文档,js网站导航代码、网站装饰代码,css+div 网站布局代码等。 数据库方面包括Microsoft SQL Server、Oracle、Mysql、DB2网站数据库技术等。 另外JavaScript用户手册、CSS语法等也是本网站的一大亮点。 用心建好站,建设网站时首先想到的就是站点基地是本网站的建设宗旨,建设成为国内网站建设方面的门户网站也是本网站的终极目标。 如果您是一名网站建设人员,登录站点基地寻找素材、装饰网站,使您的网站更炫、更靓、更独具特色应该是个不错的选择。 如果您是一名程序编码人员,在遇到技术难题时登录站点基地,找到您要的答案也许不是难事,本网站收集了足量的技术难题解决方案。
当然还有其他对齐方式,例如:middle,absmiddle,absbottom,baseline,bottom,texttop,top,可以自己试试,看看效果。