深圳市金黑网络技术有限公司:主营高端网站建设,网络推广,商城/系统开发,公众号小程序app开发等业务。
手机移动端鼠标横向拉动滚动内容-网站建设常用功能实现,这功能简单,易操作,新手也会弄,对站长使用,话不多说,直接给代码:
  1. overflow-x: auto;
  2. white-space:nowrap;
复制代码
横向自由,不换行。
案例代码:
  1. <style type="text/css">

  2. img{
  3. height:200px;
  4. }
  5. #ZiDiu{
  6. display: inline-block;
  7. float: left;
  8. overflow-x: auto;
  9. white-space:nowrap;
  10. }       

  11. </style>
  12. <div id = "ZiDiu" >       
  13. <img src="http://img30.zidiu.com/jr_image/jfs/t1948/155/1535759852/15649/2cba8c4b/56615b6fN6a873846.jpg" class="uploadImg" alt="" id="localfile" >
  14. <img src="http://img30.zidiu.com/jr_image/jfs/t1948/155/1535759852/15649/2cba8c4b/56615b6fN6a873846.jpg" class="uploadImg" alt="" id="localfile" >
  15. <img src="http://img30.zidiu.com/jr_image/jfs/t1948/155/1535759852/15649/2cba8c4b/56615b6fN6a873846.jpg" class="uploadImg" alt="" id="localfile" >
  16. <img src="http://img30.zidiu.com/jr_image/jfs/t1948/155/1535759852/15649/2cba8c4b/56615b6fN6a873846.jpg" class="uploadImg" alt="" id="localfile" >
  17. <img src="http://img30.zidiu.com/jr_image/jfs/t1948/155/1535759852/15649/2cba8c4b/56615b6fN6a873846.jpg" class="uploadImg" alt="" id="localfile" >
  18. <img src="http://img30.zidiu.com/jr_image/jfs/t1948/155/1535759852/15649/2cba8c4b/56615b6fN6a873846.jpg" class="uploadImg" alt="" id="localfile" >
  19. <img src="http://img30.zidiu.com/jr_image/jfs/t1948/155/1535759852/15649/2cba8c4b/56615b6fN6a873846.jpg" class="uploadImg" alt="" id="localfile" >
  20. <img src="http://img30.zidiu.com/jr_image/jfs/t1948/155/1535759852/15649/2cba8c4b/56615b6fN6a873846.jpg" class="uploadImg" alt="" id="localfile" >
  21. <img src="http://img30.zidiu.com/jr_image/jfs/t2089/259/1344864990/31575/e10681a6/56567151N00597360.jpg" class="uploadImg" alt="" id="localfile" >
  22. <img src="http://img30.zidiu.com/jr_image/jfs/t2320/340/1246298565/41235/6a164b17/5652bcb7Na9f44ab3.jpg" class="uploadImg" alt="" id="localfile" >
  23. </div>
复制代码


推荐给好友: [复制链接]
推荐文章
回复

使用道具 举报

相关文章

发布主题
  • 网站建设

    高端网站设计制作

  • 模板制作

    仿站/效果图转模板

  • 网络推广

    关键词优化/全网推广

  • 技术维护

    网站维护/异常处理

  • 小程序开发

    公众号/小程序开发

  • 系统开发

    商城系统/各类系统开发

  • 定制开发流程

    业务咨询 | 提交需求 | 报价报时 | 付款开工

    联系我们
  • 今日更新:0 昨日更新:0
  • 会员总数:462 模板总数:9876
全国最大PB建站模板下载平台
在线技术QQ

515138

周一至周日9:00-23:00

如有侵权请联系我们

515138@qq.com 在线QQ咨询

微信扫码关注我们