html+css内容超出范围可以手动左右滑动效果代码分享
html+css内容超出范围可以手动左右滑动效果代码分享上图看效果:
代码如下:
<style>
ul li{ display: inline-block;background-color: red;margin: 7px;}
ul{width:100%;white-space:nowrap;overflow:auto;}
ul::-webkit-scrollbar{width:0;height:0;background-color:#fff;display:none;}
ul::-webkit-scrollbar-thumb{background-color:#fff;display:none;}
</style>
<ul>
<li>金黑阿祥</li>
<li>金黑阿祥</li>
<li>金黑阿祥</li>
<li>金黑阿祥</li>
<li>金黑阿祥</li>
<li>金黑阿祥</li>
<li>金黑阿祥</li>
<li>金黑阿祥</li>
<li>金黑阿祥</li>
<li>金黑阿祥</li>
<li>金黑阿祥</li>
</ul>
页:
[1]