源于轮播图下面的文字字数控制问题

宿州阿里郎 2016-07-13 02:59:26
我轮播图下面是a标签。
在没给a标签任何样式的时候,轮播图是正常从右往左轮播的。但是客服需求是要把图片下面的字数控制在一定范围内。超出范围就隐藏显示省略号的那种。
所以我今天加了下面的样式:
style="cursor:pointer;display:block;width:170px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;"
那么问题来了。轮播图不走了。 必须把display:block 这个属性去掉,图片才能正常轮播。
望大神们给个答案。
...全文
75 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
宿州阿里郎 2016-07-13
  • 打赏
  • 举报
回复
引用 1 楼 jslang 的回复:
用display:inline-block试试
<a> ${fn:substring(cur.doc_title, 0, 10)}</a> el表达式搞定了。
宿州阿里郎 2016-07-13
  • 打赏
  • 举报
回复
引用 1 楼 jslang 的回复:
用display:inline-block试试
效果和block一样。变成块状元素 就不轮播了。真吝啬、、
天际的海浪 2016-07-13
  • 打赏
  • 举报
回复
用display:inline-block试试

61,114

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧