HTML / CSS Ellipsis

html css ellipsis

2188 просмотра

1 ответ

Я пытаюсь заставить многоточие работать так: http://jsfiddle.net/583mK/1/

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

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

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

Автор: AnApprentice Источник Размещён: 12.11.2019 09:13

Ответы (1)


6 плюса

Решение

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

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

Поддержка не предоставляется в Firefox. Разработчики Mozilla считают, что слишком много крайних случаев, связанных с языками r-to-l и т. Д., Пока не могут быть реализованы безопасно.

Firefox теперь поддерживает text-overflow: ellipsisначиная с версии 7 ( источник ). Ура!

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

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

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

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

Автор: contrebis Размещён: 09.04.2011 04:48
Вопросы из категории :
32x32