近日,在项目中需要在固定容器中实现文字溢出,瞬间想到css中的ellipsis,轻松搞定,然结果并不乐观。
对于单行文字处于限宽省略,’三剑客’轻松搞定,overflow,white-space,text-overflow.
但是对于有换行的,那white-space:no-wrap;明确的告诉你,别想了,一棒子打死。只能另寻他路,遵循css-easy:css ? js;大法,在末尾设置一个图片,既轻松搞定。
注:js并未研究,有时间再作补充。
补充:
就在刚才,发现了新大陆,
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
没错,就是这段代码,可惜的是只能在webkit浏览器下实现,火狐简单测了一下,目前暂未实现