让li在同一行,只出现左右滚动条,还有滚动条透明,,在移动端就可以滑动啦!

<!DOCTYPE html>
<html>
<head>
<style>
::-webkit-scrollbar {color:transparent;}

#pic_list
{
display:block;
white-space:nowrap;
500px;
overflow:auto;

}
#pic_list li
{
80px;
height:80px;
margin:3px;
background:red;
display:inline-block;
}
</style>

</head>
<div id="pic_list">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</body>
</html>

6到不行

原文地址:https://www.cnblogs.com/lieaiwen/p/7002776.html