哪个新平台送彩金|白菜网站大全2019

巴中热线

 ?#19968;?#23494;码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

查看: 1584|回复: 0
打印 上一主题 下一主题

[网页?#22363;蘛 让li在同一行只出现左右滚动条,滚动条透明,移动端就可以滑动

[复制链接]
跳转到指定楼层
楼主
发表于 2019-9-3 00:22:45 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

注册巴中热线论坛,交好友享优惠,衣食住行吃喝玩乐尽在 BZHOT.com

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
网页特效:
让li在同一行只出现左右滚动条,滚动条透明,移动端就可以滑动啦

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <style>
  5. ::-webkit-scrollbar {color:transparent;}
  6. #pic_list
  7. {
  8. display:block;
  9. white-space:nowrap;
  10. width:500px;
  11. overflow:auto;
  12. }
  13. #pic_list li
  14. {
  15. width:80px;
  16. height:80px;
  17. margin:3px;
  18. background:red;
  19. display:inline-block;
  20. }
  21. </style>
  22. </head>
  23. <div id="pic_list">
  24. <ul>
  25. <li></li>
  26. <li></li>
  27. <li></li>
  28. <li></li>
  29. <li></li>
  30. <li></li>
  31. </ul>
  32. </div>
  33. </body>
  34. </html>
复制代码







上一篇:html如?#38382;?#32593;页ul中li元素文字横向排列且?#25442;?#34892;
下一篇:如何让html特效的多个li排版居中于ul中间
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

巴中热线 - 精彩推荐上一条 /1 下一条

快速回复 返回顶部 返回列表
哪个新平台送彩金 福利彩票双色球中奖规则 2019端游哪些可以赚钱 老想中彩票 足彩14场最新分析方法 内蒙古时时彩开彩结果 北京pk10 添加微信好友赚钱 深圳风采35选7走势图 辽宁11选5选号技巧 羽毛球香港公开赛