当前位置: 代码迷 >> Web前端 >> 页面太长一部分加滚动条
  详细解决方案

页面太长一部分加滚动条

热度:159   发布时间:2012-11-17 11:14:15.0
页面太长部分加滚动条

在table或者在table外层的DIV上加 样式?style="width:100%;overflow-x:scroll",可以解决过长滚动条问题。

?

一直感觉这种方式不好,但是没办法,目前没有找到更好的展现形式,只有滚动了。

?

附上overflow的含义:

?

?

语法:
overflow : visible | auto | hidden | scroll
取值:
visible :  默认值。不剪切内容也不添加滚动条。假如显式声明此默认值,对象将以包含对象的 window frame 的尺寸裁切。并且 clip 属性设置将失效
auto :  在必需时对象内容才会被裁切或显示滚动条
hidden :  不显示超过对象尺寸的内容
scroll :  总是显示滚动条
说明:
检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。
所有对象的默认值是 visible ,除了 textarea 对象和 body 对象的默认值是 auto 。设置 textarea 对象此属性值为 hidden 将隐藏其滚动条。
对于 table 来说,假如 table-layout 属性设置为 fixed ,则 td 对象支持带有默认值为 hidden overflow 属性。如果设为 scroll 或者 auto ,那么超出 td 尺寸的内容将被剪切。如果设为 visible ,将导致额外的文本溢出到右边或左边(视 direction 属性设置而定)的单元格。
  相关解决方案