html 超出出现省略号

.workTitle > a{
  height: 26px;
  line-height: 26px;
  display: inline-block;
  text-overflow: ellipsis;
  width: 82%;
  overflow: hidden;
  white-space: nowrap;
}

<li class="workTitle" style="overflow: hidden;"><span class="workTimes1">2016-11-24</span><a title="营造交通运输行业诚实守信良好氛围——2016年“信用交通宣传月”活动综述" href="/sharingExchange/article/141">营造交通运输行业诚实守信良好氛围——2016年“信用交通宣传月”活动综述</a></li>