CSS прекратить переполнение текста - PullRequest
Новая
       8

CSS прекратить переполнение текста

3 голосов
/ 29 ноября 2010

Я пишу динамическое приложение, и у меня есть одна проблема - текст внутри div, и браузеры ведут себя странно, когда размер div слишком мал для текста.в любом случае сделать текст «обрезать» в CSS?Любой текст, который не помещается, удаляется.

Ответы [ 4 ]

5 голосов
/ 29 ноября 2010

Использование overflow: hidden

3 голосов
/ 29 ноября 2010

вы пробовали overflow: hidden;?

1 голос
/ 06 ноября 2013 
 /*ellipsis stuff*/
    white-space: nowrap;
    overflow: hidden;
    text-transform: none;
    text-overflow: ellipsis;  /* IE 6+, FF 7+, Op 11+, Saf 1.3+, Chr 1+*/
    -o-text-overflow: ellipsis;  /* for Opera 9 & 10 */
    -ms-text-overflow: ellipsis; /*IE 8*/

obs: также установите ширину с предпочтительным размером

1 голос
/ 29 ноября 2010

К сожалению, не существует полностью CSS-решения этой проблемы (без просмотра частично визуализированного текста).Самым близким будет использование свойства CSS3 text-overflow: ellipsis, которое обрезает строку и добавляет «…» в конец.Самый большой недостаток этого метода в том, что Firefox в настоящее время не поддерживает его, и, похоже, не будет в ближайшем будущем.Тем не менее, есть альтернативное и менее элегантное решение для Firefox , которое вы могли бы использовать в настоящее время.

Дополнительная информация:
W3C text-поток спецификации (все еще рабочий проект)
Поддержка браузером переполнения текста
Отслеживание статуса Поддержка Firefox для переполнения текста

...