使用CSS解决文字环绕图片问题的代码
更新时间：2007年12月08日 23:05:28 作者：
上图是美工为一站点制作的图文并茂的新闻标题列表，采用表格进行布局，右上和下部分分布在两个单元格中，程序实现起来可不太容易：要么分两次查询，一次取4条，一次取5条；要么一次取出9条，再分在两个单元格中显示。能不能通过设置图片的属性，让文字和图片像Word中一样可以四周环绕对齐？这样程序就不用理会图片，只负责一次读取显示就可以了。经测试将图片的float属性设置为left可解决我们的问题，效果如下图：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
相关文章
div+css布局必须要知道的css条件注释理论及实践...2007-05-05
非常用创意的用ul+li实现的细线表格效果，不用table2008-08-08
使用text-align:justify实现两端对齐一例...2007-09-09
这篇文章使用css实现隔行换色的方法，需要的朋友可以参考一下2007-11-11
我们都知道XHTML里面的img标记应该这样写：<img alt="" src="" />，这种写法也就是所谓的自关闭，在XML中是完全合法的写法。2008-09-09
em px的关系...2007-01-01
Web Safe Color Pallette...2007-02-02
最近给所有的CSSer提出了一些写CSS时候的“顶级技巧”。好多css使用技巧包括css缩写，一行内声明css，分块书写代码等实用技巧2008-04-04
就是将flash的参数，向下面的方法修改，即可解决2008-07-07
很多CSSer是从以前的网页制作中开始学习CSS网页布局的，或许还存在着一定的DW习惯。希望此文能帮助大家理解和纠正一些不好的习惯。2008-11-11
最新评论