DIV滚动条如何只显示横向，不显示纵向？

2024-12-26 10:24:45

推荐回答（2个）

回答1：

只需要用到css的一个overflow:auto的属性就可以实现这效果了。

怎么只显示横向的滚动条？

可以设置：overflow-x:scroll,或者：overflow-y:hidden即可实现这个效果。

同理如果overflow-y:scroll或者：overflow-x:hidden是只显示竖的滚动条，不显示横向的滚动条。

提示：如果设置横向滚动条的时候，一直不显示横向拉的那个条是因为你的内容还不足以让它显示出来，如果是文字的话，它自动换行了，所以就不显示，当设置white-space:nowrap；（不换行）的时候，内容超出就会出现。

回答2：

您可以参考以下代码进行修改：

.max{width:200px; height:200px; border:1px solid red; margin:auto; overflow-x:auto;}

dsfajsdlkfjlkasdjlkfjaskldjfasdfasdfaaaaadsfajsdlkfjlkasdjlkfjaskldjfasdfasdfaaaaadsfajsdlkfjlkasdjlkfjaskldjfasdfasdfaaaaa

我建议你把style写到之间.