html+css内容超出范围可以手动左右滑动效果代码分享

html+css内容超出范围可以手动左右滑动效果代码分享

上图看效果：


代码如下：

1. <style>
   
2. ul li{    display: inline-block;background-color: red;margin: 7px;}
   
3. ul{width:100%;white-space:nowrap;overflow:auto;}
   
4. ul::-webkit-scrollbar{width:0;height:0;background-color:#fff;display:none;}
   
5. ul::-webkit-scrollbar-thumb{background-color:#fff;display:none;}
   
6. </style>
   
7. <ul>
   
8.         <li>金黑阿祥</li>
   
9.         <li>金黑阿祥</li>
   
10.         <li>金黑阿祥</li>
    
11.         <li>金黑阿祥</li>
    
12.         <li>金黑阿祥</li>
    
13.         <li>金黑阿祥</li>
    
14.         <li>金黑阿祥</li>
    
15.         <li>金黑阿祥</li>
    
16.         <li>金黑阿祥</li>
    
17.         <li>金黑阿祥</li>
    
18.         <li>金黑阿祥</li>
    
19. </ul>

复制代码