您现在的位置是：网站首页> 编程资料编程资料
CSS解决文字环绕图片问题_CSS教程_CSS_网页制作_
2021-09-09
866人已围观
简介 上图是美工为一站点制作的图文并茂的新闻标题列表，采用表格进行布局，右上和下部分分布在两个单元格中，程序实现起来可不太容易：要么分两次查询，一次取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_网页制作_
- CSS制作符合网站标准的细线表格_Web标准教程_CSS_网页制作_
- 学习WEB标准必备的四项技能_Web标准教程_CSS_网页制作_
- 符合web标准的嵌入Flash的方法_Web标准教程_CSS_网页制作_
- CSS教程:关于文字溢出问题的研究_CSS教程_CSS_网页制作_
