轮播图下面的html a标签长度如何控制?

我轮播图下面是a标签。
在没给a标签任何样式的时候，轮播图是正常从右往左轮播的。但是客服需求是要把图片下面的字数控制在一定范围内。超出范围就隐藏显示省略号的那种。
所以我今天加了下面的样式：
style="cursor:pointer;display:block;width:170px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;"
 那么问题来了。轮播图不走了。 必须把display：block 这个属性去掉，图片才能正常轮播。
望大神们给个答案。