CSS文字超出省略号无效解决方案
in with 0 comment

CSS文字超出省略号无效解决方案

in with 0 comment

很多时候我们需要对文章标题进行处理,比如超出换行,超出隐藏,超出产生省略号等等。 有些比较特殊的需要js控制,其它大多css都可以解决,但是也是有条件的,比如超出产生省略号;

.xxx{overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;}

正常情况在块级别内使用没问题,但是在非块级别上使用,可能没得到想要的效果,这时候只要这样

.xxx{overflow: hidden;

text-overflow: ellipsis;
display:block;
white-space: nowrap;}
0评论