用css实现如何使滚动条隐藏但是溢出时有滚动的效果

html-css0189

用css实现如何使滚动条隐藏但是溢出时有滚动的效果,第1张

1、使用滚动条来显示溢出的内容。

overflow:scroll。(无论div中的内容是否溢出,都会出现滚动条框)

2、使用滚动条来隐藏溢出的内容。

overflow:hidden。(div中溢出的部分呗隐藏)

3、设置浏览器自动处理溢出内容。

overflow:auto。 (当div的内容没有溢出的时候显示正常状况,当溢出后自动为其加上滚动条)

应该这样写:

容器{overflow-x:autowhite-space:nowrap}

(兼容IE6、IE7、FF)

在这里只用overflow是不够的,因为当文字长度超出容器宽度时浏览器会自己将文字换行,横向的滚动条并不会出现(除非是连接的英文字母并且字母之间没有空格)。在这里必须加上white-space:nowrap(nowrap :强制在同一行内显示所有文本,直到文本结束或者遭遇br对象。)