css超出不换行，可滑动效果

.active-prizelist .active-ul{
  width:100%;
  height: 1.9rem;
  display: inline;
  white-space: nowrap;
  overflow-x:scroll;
  float:left;
  overflow-y:hidden

}

.active-prizelist .active-ul li{
  display:inline-block;
  margin:0;
}

 

<div class="active-prizelist">
                <ul id="active-ul" class="active-ul">
                 <li><img src="../../../images/task/task_icon.png"></li>
                <li><img src="../../../images/task/task_icon.png"></li>
                </ul>
            </div>

　　

转载于:https://www.cnblogs.com/bosslandy/p/9041574.html