Показать сообщение отдельно
  #64 (permalink)  
Старый 18.06.2015, 06:31
Аватар для rikitiki
Интересующийся
Отправить личное сообщение для rikitiki Посмотреть профиль Найти все сообщения от rikitiki
 
Регистрация: 10.05.2013
Сообщений: 20

devote, хороший скрипт но к сожалению при уменьшении ширины окна браузера, и соответственно уменьшении ширины последнего дива, количество видимых строк хоть и сохраняется, но точки на обрезке исчезают.
В моём случае, который я изложил в этом посте:
скрипт, обрезающий строки
клик раскрывающий полный текст не нужен. Гиперссылка, раскрывающая карточку товара, в которой есть полный текст обрезанного заголовка, уже существует. Необходимы лишь постоянно видимые точки на конце обрезки, информирующие посетителя о том что текст (заголовок) не полный и фиксированное количество строк не зависимое от ширины дива.
Не могли бы вы высказать предположение, как решена задача по обрезке заголовков товаров на этой странице:
http://www.obi.ru/decom/category/%D0...%8B%D0%B5/1064
Здесь заголовки обрезаются как нужно.
То есть они в две строки с тремя точками по обрезке.
И если плавно изменять ширину окна браузера, то дивы соответственно сужаются и количество знаков (буквально по буквам!) в их заголовках также меняется. Но две строки с тремя точками сохраняются чётко!

В PHP насколько я знаю, функцией mb_substr() можно резать только по количеству заданных символов. В CSS адаптивная обрезка по границе дива с добавлением трёх точек получится, если добавить стиль:

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

Но к сожалению текст при этом становится однострочным.

Последний раз редактировалось rikitiki, 18.06.2015 в 07:09.
Ответить с цитированием