文字超出显示...

Question

如何实现文字超出显示内容显示...并在 ...后紧跟一个查看更多按钮想要实现的效果为

Answer 1

这里有两个难点：

1. 文字是多行的 (单行就不会这么尴尬了)

2. ... 没有在容器最右侧，而是需要紧跟一个 "MORE" （否则chrome也是有解决方案的）

所以目前来说就是4个字，实现不了。

看来 CSS 排版还是有很多边边角角的缺陷存在。

要不试试渐变蒙板？非要点点点干什么 渐变遮罩文字溢出