Многострочный эллипсис для HTML (не текст) с GWT

Я получаю HTML последовательность от от ОТДЫХ сервер, это смотрит что-то как этот:

"... text with a stylized phrase and then some ..."

Я должен ввести его к GWT HTMLPanel как HTML (т.е. element.setInnerHtml (str) ).

Единственное , HTML-тэги в последовательности являются подобными промежутками (я не знаю сколько).
Моя проблема, делая это в GWT , я должен объяснить те HTML-тэги промежутка , и это делает его намного более сложным.

Я попробовал CSS эффект эллипсиса:

.myElement {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

Но это работает только на остроты, и я хотел бы за него быть 2 линиями перед эллипсисом (чтобы заполнить больше содержания отделение ).

Единственный курорт, который я имею теперь, делает эта уловка, который кажется мне как излишество.
Я предпочел бы делать это в GWT , делает у любого есть идея о том, как сделать это.

1
nl ja de

1 ответы

У вас есть два способа испытать

1) Inject
tags

2) Use additional cssproperty like -webkit-line-clamp: N; /* number of lines to show */ Limit text length to n lines using CSS

Никакой подход не абсолютно чистый.

2
добавлено
Да, поскольку CSS имущественный префикс упоминает свой WebKit только. Искусственные приемы должны быть найдены для других браузеров - css-101.org/articles/line-clamp/…
добавлено автор SSR, источник
Попробовали это, codepen.io/joe/pen/hfybL но это только работает над WebKit базирующиеся браузеры (как Хром и Сафари ), но не на моем Firefox IE9 и Opera .
добавлено автор Ofir Farchy, источник
Удивительный, это работает. спасибо.
добавлено автор Ofir Farchy, источник
pro.jvm
pro.jvm
3 503 участник(ов)

Сообщество разработчиков Java Scala Kotlin Groovy Clojure Чат для нач-их: @javastart Наш сайт: projvm.com projvm.ru Наш канал: @proJVM Вакансии: @jvmjobs Конфы: @jvmconf

Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

Java & Co
Java & Co
2 370 участник(ов)

Можно обсуждать с матом и без всё, что касается жабы, вплоть до холиваров. НЕ ИМЕЕТ ОТНОШЕНИЯ К САЙТУ JAVARUSH.RU ПРАВИЛА - https://t.me/javarush/75723 Вакансии сюда - https://telegram.me/joinchat/B7IzvUCnfo6d8t3yIxKguQ По вопросам - @thedude

learn.java
learn.java
1 888 участник(ов)

Чат для начинающих и не только Статистика: https://combot.org/chat/-1001083535868 Основной чат - @jvmchat

CSS — русскоговорящее сообщество
CSS — русскоговорящее сообщество
1 502 участник(ов)

Сообщество любителей CSS Возникли проблемы с CSS? – пиши сюда, обсудим и предложим самое лучшее решение Работа: @css_ru_jobs Правила: https://teletype.in/@css_ru/r1EWtQ2w7 Приходите в наши чаты @javascript_ru и @frontend_ru Флуд: @css_flood

Чат — Типичный Верстальщик
Чат — Типичный Верстальщик
1 080 участник(ов)

Основной канал: @tpverstak Обратная связь: @annblok Все ссылки на соц.сети проекта: http://taplink.cc/tpverstak ПРАВИЛА ЧАТА — https://teletype.in/@annblok/BygPgC3E7

Java Underground
Java Underground
169 участник(ов)

https://vk.com/javatutorial

Веб-Технологи: UI/UX, Вёрстка, Фронтенд
Веб-Технологи: UI/UX, Вёрстка, Фронтенд
167 участник(ов)

Всё про веб-дизайн и вёрстку. А также: HTML, CSS, флекс и бутстрапы, шаблонизаторы, препроцессоры, методологии, аглифаеры, улучшаторы и обфускаторы. Обсуждаем темы юзабилити, устраиваем А/В тесты лендингов, и проводим аудит.

DTP :: @DTPublish
DTP :: @DTPublish
147 участник(ов)

Обсуждаемые темы: полиграфия, препресс, верстка, дизайн, иллюстрации, скрипты, плагины. Канал - @DTPublishing

Javanese Questions
Javanese Questions
109 участник(ов)

Чат предназначен для обмена знаниями строго в формате в вопрос-ответ. Тема — Java, Kotlin и Android. Вопрос должен быть предварительно прогуглен, понятно и грамотно сформулирован, помечен хэштегами. Ответ — тем более. Куски кода размером в несколько строк можно писать прямо здесь, для больших кусков кода стоит использовать http://gist.github.com/, http://pastebin.com/, https://codeshare.io/ или любой аналогичный сервис. В некоторых случаях можно прикреплять скриншоты. Стикеры и гифки запрещены. Дополнять и уточнять вопросы и ответы — редактированием исходного сообщения. Обсуждения должны приводить к редактированию вопроса/ответа и удаляться. По хештегам можно искать существующие вопросы и овтеты: #вопрос #ответ #git #generics #java #server #awt #javafx #swing #kotlin #anko #tornadofx #ktor #android #recyclerView #performance #arch #network #permissions #storage #async

css_jobs
css_jobs
26 участник(ов)

Чат для вопросов по css и html: @css_ru Флуд: @css_flood Канал с вакансиями и резюме: @css_jobs_feed

css_флуд
css_флуд
10 участник(ов)