HTML / CSS Ellipsis - PullRequest
Новая
       6

HTML / CSS Ellipsis

1 голос
/ 09 апреля 2011

Я пытаюсь заставить эллипсис работать так: http://jsfiddle.net/583mK/1/

Интересно, что он отлично работает на jsFiddle.Странная вещь, учитывая тот же HTML / CSS, что он не работает в моем приложении, и я не могу понять, почему.Есть ли какие-нибудь ошибки в многоточии, которые могут быть причиной этого?

Одна большая разница в скрипке, это все статическое содержимое.В моем приложении страница загружается, и шаблон jQuery используется для заполнения списка, который я затем хочу иметь многоточие.

Текст не переполняется, поэтому переполнение работает, а пробел работаетне ... многоточие.

1 Ответ

6 голосов
/ 09 апреля 2011

Не уверен, поможет ли это:

http://quirksmode.org/css/textoverflow.html

Поддержка не предоставляется в Firefox. Разработчики Mozilla считают, что существует слишком много крайних случаев, связанных с языками r-to-l и т. Д., Чтобы реализовать их безопасно. Firefox теперь поддерживает text-overflow: ellipsis, начиная с версии 7 ( source ). Ура!

Все, что я знаю, это то, что вам нужны все эти правила: 

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

и должен иметь ширину (не встроенный элемент).

Кроме того, используйте ваши любимые инструменты разработчика браузера, чтобы убедиться, что вы не наследуете конфликтующее свойство.

...