看起来文本溢出:省略号依赖于空格: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/