css – 可以有文本溢出:省略号没有空格:nowrap?

前端之家收集整理的这篇文章主要介绍了css – 可以有文本溢出:省略号没有空格:nowrap?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
看起来文本溢出:省略号依赖于空格:nowrap.这样做的问题是它将文本限制为一行.但是,如果我需要有4行,在溢出的情况下最后一行的省略号呢?

它正在做什么…

Lorem ipsum dolor sit amet ...

我想要的是…

Lorem ipsum dolor sit amet,consectetur adipisicing el-
it,sed do eiusmod tempor  
incididunt ut labore et ...

解决方法

不幸的是,你看到的行为对于文本溢出是正确的:省略号.

跨浏览器对连字符文本的支持不仅仅是CSS,而且可以在这里看到一个很好的综述:
http://code.google.com/p/hyphenator/wiki/en_CSS3Hyphenation

一些浏览器特定的CSS可用于Firefox和Webkit浏览器:

-webkit-hyphens: auto;
-webkit-hyphenate-character: '~';
-moz-hyphens: auto;

连字符的大问题是需要语言意识才能正常工作,这是棘手的.

也许这样的JS解决方案可以帮你吗?
http://code.google.com/p/hyphenator/

猜你在找的CSS相关文章