麻烦的问题

一种方案，不过这样最好只限制显示一行：

<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;
}
/*...*/