使用CSS解决文字环绕图片问题的代码



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



[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]



相关阅读:
FSO在Win2000服务器中的解决方案
php 遍历显示文件夹下所有目录、所有文件的函数,没有分页的代码
FreeBSD Virtual Mail How-To
IIS5 IIS6 IIS7的ASP.net 请求处理过程比较
JSP教程(四)-JSP Actions的使用
JavaScript入门教程(6):Window窗口对象
分享十五个最佳jQuery 幻灯插件和教程
通讯簿vs友情强档vs地址宝
Exchange Server2003 故障诊断
Windows 2003 服务器安全设置
写给想学习Javascript的朋友一点学习经验小结
CSS实例教程:定位(position)布局页面
ExtJS GridPanel 根据条件改变字体颜色
防止网站被采集的理论分析以及十条方法对策
快速导航

Copyright © 2016 phpStudy | 皖ICP备18014864号-4