纯css实现移动端横向滑动列表
onfd19832020-01-105800
<!DOCTYPE html>
<html>
<head>
<title>横向滑动</title>
<style type="text/css">
.slide-box{
margin-top: 200px;
height:35px;
display: -webkit-box;
overflow-x: scroll;
-webkit-overflow-scrolling:touch;
}
.slide-item{
padding:5px 10px;
height: 35px;
}
</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>