纯css实现移动端横向滑动列表
生活随笔
收集整理的這篇文章主要介紹了
纯css实现移动端横向滑动列表
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html>
<head><title>橫向滑動</title><style type="text/css">.slide-box{margin-top: 200px;display: -webkit-box;overflow-x: scroll;-webkit-overflow-scrolling:touch;}.slide-item{width: 200px;height: 200px;border:1px solid #ccc;margin-right: 30px;}</style>
</head>
<body><div class="slide-box"><div class="slide-item"></div><div class="slide-item"></div><div class="slide-item"></div><div class="slide-item"></div><div class="slide-item"></div></div>
</body>
</html>
?
轉載于:https://www.cnblogs.com/yuan9580/p/11512981.html
總結
以上是生活随笔為你收集整理的纯css实现移动端横向滑动列表的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： js实现返回顶部功能的解决方案
- 下一篇： CSS响应式：根据分辨率加载不同CSS的