A-A+

求解!webkit-line-clamp 样式在A标签中间 加 省略号

2016年08月26日 htmlcss 暂无评论 阅读 146 次
至于为什么的话不了解,目测是一个 WebKit 的 bug,可以找大大帮你看看 WebKit 源代码。

 

  • display: -webkit-box;
  •  -webkit-line-clamp: 2;
  • -webkit-box-orient: vertical;
  • overflow: hidden
解决方法的话 StackOverflow 有:
html - Webkit Line Clamp truncates link in the middle
文字外面包一个其他标签(span/p 都可以)似乎就可以绕过去了。

 

标签:

给我留言

Copyright © web前端技术开发个人博客 保留所有权利.   Theme  Ality

用户登录