您现在的位置是：网站首页> 编程资料编程资料
CSS解决文字环绕图片问题_CSS教程_CSS_网页制作_
2023-11-03
143人已围观
简介 上图是美工为一站点制作的图文并茂的新闻标题列表，采用表格进行布局，右上和下部分分布在两个单元格中，程序实现起来可不太容易：要么分两次查询，一次取4条，一次取5条；要么一次取出9条，再分在两个单元格中显示。能不能通过设置图片的属性，让文字和图片像Word中一样可
上图是美工为一站点制作的图文并茂的新闻标题列表，采用表格进行布局，右上和下部分分布在两个单元格中，程序实现起来可不太容易：要么分两次查询，一次取4条，一次取5条；要么一次取出9条，再分在两个单元格中显示。能不能通过设置图片的属性，让文字和图片像Word中一样可以四周环绕对齐？这样程序就不用理会图片，只负责一次读取显示就可以了。经测试将图片的float属性设置为left可解决我们的问题，效果如下图：
dnawo
·新闻标题列表
·新闻标题列表
·新闻标题列表
·新闻标题列表
·新闻标题列表新闻标题列表
·新闻标题列表新闻标题列表
·新闻标题列表新闻标题列表
·新闻标题列表新闻标题列表
·新闻标题列表新闻标题列表
相关内容
- DIV与Table布局在大型网站的可用性比较_CSS布局实例_CSS_网页制作_
- 性感的CSS菜单(Menus)_CSS教程_CSS_网页制作_
- CSS教程:学习CSS的继承性_CSS教程_CSS_网页制作_
- 区分IE6,IE7和firefox的CSS hack_浏览器兼容教程_CSS_网页制作_
- CSS教程:用dl dt dd来制作列表_CSS教程_CSS_网页制作_
- CSS对表格单元格强制换行和不换行_CSS教程_CSS_网页制作_
- 植物大战僵尸2遥远的未来第五关视频攻略_手机游戏_游戏攻略_
- 雷霆战机刷宝箱技巧介绍说明 好装备任你刷_手机游戏_游戏攻略_
- 刀塔传奇1.8.1版本电魂属性介绍 电魂的春天到了_手机游戏_游戏攻略_
- cfer军火基地活动网址 见面抽奖4月签到领兑换月券_手机游戏_游戏攻略_
