多个tab超出省略号显示样式

<div class='star-con__tabBox'>

　　<span class='star-con__tab'></span>

   <span class='star-con__tab'></span>

   <span class='star-con__tab'></span>

   <span class='star-con__tab'></span>

</div>


多个tab超出省略号样式
.star-con__tabBox{
  width:275px;
  display:-webkit-box;
  -webkit-line-clamp:1;
  text-overflow:ellipsis;
  overflow:hidden;
  -webkit-box-orient:vertical;
  word-break:break-all;
}
.star-con__tab{
  font-size: 12px;
  background-color: #ebebeb;
  color:#999;
  padding: 0px 10px;
  border-radius: 3px;
  margin-right: 8px;
  display: inline-block;
}