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

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

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

}
#pic_list li
{
width: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到不行

posted @ 2017-06-13 18:15  lieaiwen  阅读(999)  评论(0编辑  收藏  举报