移动端-横向滚动滑动css样式移动端-横向滚动css代码
html：
<ul>
<li> //内容部分
<div>
<p>按时⼤⼤⼤阿斯蒂芬反复放</p>
<p>按时⼤⼤⼤阿斯蒂芬反复放</p>
</div>
</li>
<li></li>
<li></li>...
</ul>
列表样式：
ul{
white-space: nowrap; //让⾏内块格式的li在⼀⾏排列，不换⾏
font-size: 0;  //避免li⾏内块间的间距
overflow-x: auto;  //横向滚动
}
li样式：
li{
font-size: 16px;  //正常设置
display: inline-block; //转成⾏内块
}
IOS端会有滚动条，可清除：
::-webkit-scrollbar{
display: none;
}html横向滚动条样式

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