html结构:
<div class="scroll">
<ul>
<li>...</li>
<li>...</li>
<li>...</li>
</ul>
</div>
css样式:
.scroll{
width:300px;
overflow-y: hidden;
overflow-x: auto;
}
ul{
display: flex;
flex-direction: row; //横向排列
}
li{
flex-shrink: 0 //不影响li宽度
}