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>
复制代码