Кажется, что text-overflow: ellipsis зависит от white-space: nowrap. Проблема заключается в том, что он ограничивает текст одной строкой. Однако, что, если мне нужно иметь 4 строки и эллипсис на последней строке в случае переполнения?
Что он сейчас делает...
Lorem ipsum dolor sit amet ...
Что я хочу...
Lorem ipsum dolor sit amet,
consectetur adipisicing el-
it, sed do eiusmod tempor
incididunt ut labore et ...
К сожалению, поведение, которое вы видите, корректно для 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/