Как на css скрыть под многоточие длинный текст, учитывая высоту блока в котором текст расположен?

Question

[Вячеслав Лебедев]

Добрый день!
Не могу сообразить, как скрывать текст под многоточие учитывая высоту блока.
Вот тут примерчик, того, как я пробовал сделать.
ps: Результат того, чего я хочу:

Answer 1

[Stalker_RED]

lmgtfy.com/?q=css+ellipsis+multiline

Comments

[Вячеслав Лебедев]

Спасибо! :)

[Дмитрий Филимонов]

Вячеслав Лебедев: www.mobify.com/blog/multiline-ellipsis-in-pure-css - лучше реализовать это, хотя оно сложнее, но гарантировано будет работать везде. По мне это лучший вариант на текущее время, к тому же очень креативный.

p.s. Я проверял этот вариант сам, у него есть минусы/сложности, когда, например, речь идет про смену фона на hover, но они легко решаются, если есть less или подобное.

[Вячеслав Лебедев]

Дмитрий Филимонов: Понял. Спасибо еще раз :) Думаю, я постараюсь избежать такого использования и просто буду скрывать лишнее, либо еще что придумаю :))

[Дмитрий Филимонов]

Вячеслав Лебедев: мне кажется, что правильный вариант - это иметь дизайн, который разрешает +- туда сюда по строкам (чтобы длинные слова были ОК и так далее) и иметь специальный недлинный текст в такие места (отдельный атрибут в БД). Троеточия в тексте, где много строк, на стороне css/html - это само по себе уже некрасиво. Даже выполнив все условия, может оказаться так, что он ну вот некрасиво обрежется и все :)

[Олег]

Спасибо за lmgtfy.com :)

Answer 2

[Денис Артемьев]

Я делал по этому примеру похожее решение.

Может подойдет)

Comments

[Вячеслав Лебедев]

С указанием количества символов, мне кажется будет самое то :) Спасибо!

Answer 3

[htmleater]

dotdotdot.js

Answer 4

[ummahusla]

html5hub.com/ellipse-my-text

Answer 5

[monochromer]

Метод на основе этих статей - habrahabr.ru/post/116646, www.mobify.com/blog/multiline-ellipsis-in-pure-css
Здесь задавать нужно количество строк (в примере 4), размер шрифта, высоту строки. Работает на css.