在a标签中其他内容(span s i em)时怎样让a标签的内容占整个标签长度的一半？-问答-阿里云开发者社区-阿里云

<a href="#" class="item">
  <s class="play_icon cuicons"></s>
  <em>如何使用更换档位</em>
  <span class="item-tail">
    <span class="recent_study"></span>
    <s class="right_icon cuicons"></s>
  </span>
</a>
.item{
   position:relative;
   padding-right:300px;
   height:24px;
   line-height:24px;
   overflow:hidden;
   text-overflow:ellipsis; /* 可选 */
}
.item-tail{
   position:absolute;
   top:0;
   right:0;
   width:300px;
   height:24px;
   overflow:hidden;
}
/*...*/