2011-11-09 10 views
12

text-overflow: ellipsiswhite-space: nowrapに依存しているようです。これの問題は、テキストを1行に制限することです。しかし、もし私が4行を必要とすると、オーバーフローの場合には最後の行に省略記号がありますか?text-overflow:white-spaceなしの省略記号:nowrap?

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

可能な複製[ホワイトスペースなしの省略記号:ラップアラウンドルールを使用できますか?](http://stackoverflow.com/questions/6572330/is-it-possible-to-白いスペースワープルのルールを使用しないでください) – BoltClock

答えて

8

それが現在やっている何を

...私が欲しいもの

Lorem ipsum dolor sit amet ... 

は...残念ながら、あなたが見ている動作はtext-overflow: ellipsisの正しいです。

ハイフネーションされたテキストの

クロスブラウザのサポートのみを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/

関連する問題