Эмуляция text-overfow
- Эффект «скрытия контента» появляется только если есть что скрывать (следовательно, не будет ситуации когда места для контента хватает, но визуально кажется, что уже что-то скрыто).
- Можно навесить title на элемент или что-то ещё только если возникает необходимость.
- Метод должен работать как минимум IE7+, хотя данные примеры для него не оптимизированы (работает только тултип).
Можно поизменять размер окна, чтобы увидеть момент перехода.
Блок на всю ширину, уход в градиент
Тут всё-время очень много текста. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
А тут мало контента
Немного контента для тестирования при измененнии размеров окна
По контенту, многоточие (не нативное, зато работает в фф)
Тут всё-время очень много текста. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
А тут мало контента
Немного контента для тестирования при измененнии размеров окна