避免页面布局被大尺寸图片和长字符串破坏
发布时间:2006-05-16 11:53:07 来源:天极网 网友评论 0 条用TABLE和DIV做页面布局设计的时候,遇到大尺寸的图片和长英文字符串,布局中定义的尺寸都会被破坏,导致页面布局变形.
有没有办法可以解决呢?
用CSS的属性OVERFLOW:hidden可以来控制,这样超出部分会自动隐藏,这样做不好的地方是就是这部分的信息显示不完全,比如图片只显示了一部分. 但是页面布局不会乱.
要注意的是,使用overflow的时候,一定要定义width,百分比或者具体值都可以.
在使用DIV做页面布局的时候,可以在大布局上定义,比如在左栏,右栏,中栏里面,也可以针对页面中具体的某个布局元素.
在用ul和li做图片列表排列的时候,也可以用这个,这样避免一些大尺寸图搞乱布局,也可以解决浏览器窗口缩小时,li元素自动回行排列出错的问题.
BTW:用overflow:auto,还可以在页面里模仿出IFRAME的效果,回头写出来
——您可以运行代码察看特效,您也可以复制或者另存源代码。本代码由天极网页陶吧提供。
- 推荐阅讯
- 网站设计如何揪出网页的无效链接
- WEB2.0 喧闹过后迎来发展
- 网站设计如何揪出网页的无效链接
- 关于IFRAME 自适应高度的研究
- 解决列高度自适应(列高度相同)的五种方法
- 网页卡拉OK歌词同步播放技术
- 什么是垂直搜索?
- 小技巧:以图换字的几个方法及思路
- WAP建站 WML Script脚本程序设计(一)
- NIKE官方网站德国区部分网页设计欣赏
- 阅读排行
- 1.淘宝网店“设计装修”技巧全攻略
- 2.javascript函数库
- 3.我的地盘听我的 六大主流博客网站对比评测
- 4.WAP建站入门教程
- 5.网页木马深度剖析以及手工清除
- 6.WAP建站语言WML语法全接触
- 7.好事喜事送上祝福 电子请柬随网拈来
- 8.如何保存网页中的Flash文件?
- 9.WAP建站WML语言语法基础
- 10.介绍几款WAP网页制作工具(提供下载)
- 专题教程
- Windows Server-Windows Server文档-Windows Server新闻-Windows Ser PostgreSQL-PostgreSQL文档-PostgreSQL新闻-PostgreSQL专家
- WebLogic-WebLogic文档-WebLogic新闻-WebLogic专家 FreeBSD-FreeBSD文档-FreeBSD新闻-FreeBSD专家
- Linux-内核 GUI KDE Gnome DNS FTP 安全 安装-Linux专区 Windows-AD IIS ServerCore 虚拟化 安全 HPC-Windows专区
- 大话G游 专题:手机病毒揭密
- ARP攻击防范与解决方案 路由故障处理手册

