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

html-css06

用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对象。)