内容提要:最终效果: 2005年5月30日 新闻标题01 2005年5月30日 新闻标题02 2005年5月30日 新闻标题03 2005年5月30日 新闻标题04 CSS代码: .list{ margin: 0px 10px 20px; text-align: left; } .list ul{ list-style-type: …… |
有没有办法可以解决呢?
用CSS的属性OVERFLOW:hidden可以来控制,这样超出部分会自动隐藏,这样做不好的地方是就是这部分的信息显示不完全,比如图片只显示了一部分. 但是页面布局不会乱.
要注意的是,使用overflow的时候,一定要定义width,百分比或者具体值都可以.
在使用DIV做页面布局的时候,可以在大布局上定义,比如在左栏,右栏,中栏里面,也可以针对页面中具体的某个布局元素.
在用ul和li做图片列表排列的时候,也可以用这个,这样避免一些大尺寸图搞乱布局,也可以解决浏览器窗口缩小时,li元素自动回行排列出错的问题.
BTW:用overflow:auto,还可以在页面里模仿出IFRAME的效果,回头写出来
——您可以运行代码察看特效,您也可以复制或者另存源代码。本代码由天极网页陶吧提供。