首页
|
路由技术
|
交换技术
|
接入技术
|
综 合布线
|
网络管理
|
网络安全
|
操作系统
|
实用技巧
|
业界动态
最 新咨询
|
网络编程
|
软件编程
|
脚本技术
|
网页制作
|
网站技巧
|
数据库
|
精品收藏
|
免费资源
|
在线书店
经验交流
基础教程
VML相关
页面导航:
首页
→
网络编程
→
CSS/HTML
→
经验交流
→ 正文内容
使用CSS解决文字环绕图片问题的代码
发布:xyz来源:转载于互联网 发布日期:
2007-12-8 23:05:28
字体:[
增加
减小
] 类型:转载
上图是美工为一站点制作的图文并茂的新闻标题列表,采用表格进行布局,右上和下部分分布在两个单元格中,程序实现起来可不太容易:要么分两次查询,一次取4条,一次取5条;要么一次取出9条,再分在两个单元格中显示。能不能通过设置图片的属性,让文字和图片像Word中一样可以四周环绕对齐?这样程序就不用理会图片,只负责一次读取显示就可以了。经测试将图片的float属性设置为left可解决我们的问题,效果如下图:
点击运行可以看到效果:
·新闻标题列表
·新闻标题列表
·新闻标题列表
·新闻标题列表
·新闻标题列表新闻标题列表
·新闻标题列表新闻标题列表
·新闻标题列表新闻标题列表
·新闻标题列表新闻标题列表
·新闻标题列表新闻标题列表
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
相 关 资 料
浏览次数:
载入中...
打印本文
关闭本文
返回首页
上一篇文章:
非常漂亮的css星级效果总结
下一篇文章:
css强制换行 css强制不换行的css方法
同 类 文 章
网页中关闭IE的图像工具栏和XP主题
用CSS floats创建三栏页布局
一些很不错的css技巧,但也常为人们所忽略
[转]Accesskey引起的一点点思考
滚动条效果
做网页中需要掌握的八个CSS布局技巧
CSS属性 - white-space 空白属性使用说明
代码实例之纯CSS代码实现翻页效果
div+css中Class与ID的区别
css 命名规范
最 近 更 新
我的一些关于web标准的思考笔记(一)
用css实现的灰度/原色连接效果
解决鼠标在 flash 链接上不停闪动的问题(
ul+li及css制作韩国风格菜单代码
em px的关系
h1标签的使用技巧
转载未知大小的图片在一个已知大小容器中
DIV+CSS 简单的导航条
用<TABLE>语句来实现圆角表
激发你的灵感:50个优秀的Favicons
热 点 排 行
用CSS实现下拉菜单的多种方法
DIV+CSS布局教程大全与pdf电子书
非常漂亮的Div+CSS布局入门教程
在iframe中隐藏横向滚动条的方法
让iframe自适应高度(支持xhtml)
用css来控制图片大小显示的实现方
div做细线表格,很强悍
比较漂亮的一个导航条的效果DIV+
让2个DIV居中并排显示
用CSS打造 抽屉菜单