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>