您现在的位置是：网站首页> 编程资料编程资料
使用CSS解决文字环绕图片问题的代码_经验交流_
2023-05-25
246人已围观
简介 使用CSS解决文字环绕图片问题的代码_经验交流_
上图是美工为一站点制作的图文并茂的新闻标题列表，采用表格进行布局，右上和下部分分布在两个单元格中，程序实现起来可不太容易：要么分两次查询，一次取4条，一次取5条；要么一次取出9条，再分在两个单元格中显示。能不能通过设置图片的属性，让文字和图片像Word中一样可以四周环绕对齐？这样程序就不用理会图片，只负责一次读取显示就可以了。经测试将图片的float属性设置为left可解决我们的问题，效果如下图：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
相关内容
- RGB 加成色 说明_基础教程_
- 非常漂亮的css星级效果总结第1/2页_经验交流_
- 用css alpha 滤镜 实现input file 样式美化代码_经验交流_
- 用margin和overflow属性实现div间距的方法_经验交流_
- 用iframe margin实现调用其他网页的某一区域的方法_经验交流_
- CSS图片拼合生成器只需上传zip包即可_经验交流_
- 网页布局+纯CSS纵向下拉菜单 IE6/IE7兼容_经验交流_
- CSS hack实现 CSS完美兼容IE6/IE7/FF的通用方法_经验交流_
- 使用CSS不用程序实现文字自动截断 用省略号代替_经验交流_
- html label标签的使用教程_基础教程_
