css div内容左右滑动隐藏滚动条
程序员文章站
2022-04-18 11:31:43
...
html:
<div class="bigBox">
<div class="smallBox"></div>
<div class="smallBox"></div>
<div class="smallBox"></div>
<div class="smallBox"></div>
<div class="smallBox"></div>
<div class="smallBox"></div>
<div class="smallBox"></div>
</div>
css:
.bigBox{white-space: nowrap; overflow-y: auto;}//不换行
.bigBox::-webkit-scrollbar{display: none;} //隐藏滚动条
.smallBox{display: inline-block;}
下一篇: 统计一个字符串中每个字符出现的次数
推荐阅读
-
css实现隐藏滚动条并可以滚动内容的实例代码
-
css 给div添加滚动并隐藏滚动条
-
div内容宽度超出边界后怎样设置为左右滑动,而且不显示滚动条?
-
纯css+div隐藏滚动条的实现方法(代码示例)
-
html 隐藏div HTML里隐藏表格TABLE或者DIV内容的css样式_HTML/Xhtml_网页制作
-
纯CSS手动滑动轮播图(隐藏滚动条)
-
如何控制一个DIV框中的内容,当用户拉浏览器滚动条时,div中的内容可以随之滚动_html/css_WEB-ITnose
-
2种方法实现CSS隐藏滚动条并可以滚动内容的方法
-
纯css+div隐藏滚动条的实现方法(代码示例)
-
css div内容左右滑动隐藏滚动条