html图⽚实现左右滑动,css实现图⽚左右滑动1.脚本
图⽚展⽰
图⽚1
图⽚2
图⽚3
图⽚4
图⽚5
图⽚6
图⽚7
图⽚8
图⽚9
图⽚10html图片展示特效
2.css样式
#picContent {
position:relative;
overflow-x:auto;
width:100%;
height:400px;
margin:0 0;
}
#picContent ul {
position:absolute;
left:0;
top:0;
display:flex;
flex-wrap:nowrap;
overflow-x:scroll;
}
#picContent ul li {
float:left;
width:200px;
min-height:400px;
margin-right:20px;
margin-top:10px;
background:#0ff;
text-align:center;
list-style:none;
}
div 横向排版，出现滑块.box-div {
width: 100%;
overflow-x: scroll; overflow-y: hidden; white-space: nowrap; }

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。