网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】

作者： 北京网站建设   日期：2008-03-27 06:03:34  来源： http://www.qitongnet.com

用TABLE和DIV 北京网站设计做页面布局设计的时候,遇到大尺寸的图片和长英文字符串,布局中定义的尺寸都会被破坏,导致页面布局变形.

　　有没有办法可以解决呢?

　　用CSS的属性 网站建设OVERFLOW:hidden可以来控制, 北京网站制作这样超出部分会自动隐藏,这样做不好的地方是就是这部分的信息显示不完全,比如图片只显示了一部分. 但是页面布局不会乱.

　　要注意的是,使用overflow的时候,一定要定义width,百分比或者具体值都可以.

　　在使用DIV做页面布局的时候,可以在大布局上定义,比如在左栏,右栏,中栏里面,也可以针对页面中具体的某个布局元素.

　　在用ul 网站制作和li 网站设计做图片列表排列的时候,也可以用这个,这样避免一些大尺寸图搞乱布局,也可以解决浏览器窗口缩小时,li元素自动回行排列出错的问题 www.qitongnet.com.

　　BTW:用overflow:auto,还可以在页面里模仿出IFRAME的效果 网页设计,回头写出来

没有使用overflow:hidden<br /> <div style="width:200px;background:green;color:#fff;padding:8px"> 265.com265.com265.com265.com265.com265.com265.com265.com265.com265.com<br /> <img src="/imagelist/06/20/h4o71c8pck5b_s.gif" /> </div> <br /> 使用了overflow:hidden<br /> <div style="overflow:hidden;width:200px;background:green;color:#fff;padding:8px">http://homepage.yesky.com/http://homepage.yesky.com/http://homepage.yesky.com/http://homepage.yesky.com/http://homepage.yesky.com/http://homepage.yesky.com/http://homepage.yesky.com/http://homepage.yesky.com/http://homepage.yesky.com/http://homepage.yesky.com/<br /> <img src="/imagelist/06/20/h4o71c8pck5b_s.gif" /> </div> 网站建设
运行代码复制代码另存代码 ——您可以运行代码察看特效，您也可以复制或者另存源代码。本代码由天极网页陶吧提供。