<style>
.scroll_box{
max-width: 200px;
padding: 15px;
overflow-x: auto; /*x轴超出后可滚动*/
white-space: nowrap; /*实现子元素不换行*/
overflow-y: hidden;
}
.scroll_box>span{
margin-right: 10px;
font-size: 12px;
color: #666;
}
</style>
<div class="scroll_box">
<span>item1</span>
<span>item2</span>
<span>item3</span>
<span>item4</span>
<span>item5</span>
<span>item6</span>
<span>item7</span>
<span>item8</span>
</div>