横向出现滚动

1.横向出现滚动

ul{
  overflow-x: scroll;
  white-space: nowrap;
}
li{
  display: inline-block;
}

2. 空间不够时出现省略号

overflow: hidden
white-space: nowrap
text-overflow: ellipsis