CSS解决文字环绕图片问题_新闻动态

你好！欢迎光临领航科技

专注于沈阳网站建设、沈阳网站制作、沈阳网页设计等网络服务

　当前位置：首页 > 新闻动态

【CSS解决文字环绕图片问题】

来源：www.024linghang.com 发布者：沈阳网站建设　发布时间：2012-2-9　

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

dnawo<div align="left"><img src="pic/20070404/014.jpg" width="91" height="84" style="float:left;" /> 
·新闻标题列表<br> 
·新闻标题列表<br> 
·新闻标题列表<br> 
·新闻标题列表<br> 
·新闻标题列表新闻标题列表<br> 
·新闻标题列表新闻标题列表<br> 
·新闻标题列表新闻标题列表<br> 
·新闻标题列表新闻标题列表<br> 
·新闻标题列表新闻标题列表 
</div>

下一篇：常用Struts HTML标签库汇总

推荐文章

	常用Struts HTML标签库汇总	[2012-2-9]
	div+css网页布局大总结	[2012-2-9]
	网页色彩搭配内涵	[2012-2-9]
	web2.0中流行的设计元素：颜色	[2012-2-9]
	搜索引擎衡量网站排名的标准有哪些	[2012-2-8]
	如何避开网站建设作弊陷阱	[2012-2-8]