HTML/CSS 订阅所有【HTML/CSS】的日志

CSS解决文字环绕图片问题

编辑:dnawo 日期:2007-12-05

字体大小: 小 中 大


上图是美工为一站点制作的图文并茂的新闻标题列表，采用表格进行布局，右上和下部分分布在两个单元格中，程序实现起来可不太容易：要么分两次查询，一次取4条，一次取5条；要么一次取出9条，再分在两个单元格中显示。能不能通过设置图片的属性，让文字和图片像Word中一样可以四周环绕对齐？这样程序就不用理会图片，只负责一次读取显示就可以了。经测试将图片的float属性设置为left可解决我们的问题，效果如下图：



HTML代码


[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]


上一篇: JS数组方法汇总
下一篇: .NET 2.0获取配置文件AppSettings和ConnectionStrings节数据的方法
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags:
最新日志:
评论: 0 | 引用: 0 | 查看次数: 4179
发表评论
请登录后再发表评论！