jQuery ellipsis не показывает точки в конце

Question

Jquery Ellipsis не показывает три точки в конце.

HTML:

<div class="slidertext three_lines">SIA “Baltic Metolat” provides mechanical surface treatment, priming and painting of technical task. We are able to handle oversized items.</div> 

JQuery:

jQuery('.three_lines').ellipsis({ 
    row: 3 
}); 

CSS:

.slidertext { 
    margin-left: 1px; 
    margin-top: 10px; 
    font-size: 12px; 
    line-height: 20px; 
    height: 58px; 
    overflow: hidden; 
    margin-bottom: 5px; 
    width: 224px; 
} 

Это показывает только три линии, но он не показывает точки в конце.

Живой можно увидеть здесь: http://www.metolat.lv/ (поиск текста «обеспечивает механическую поверхность»).

Answer 1

Этот живой пример не похож на то, что текст вообще сокращается. Он показывает 3 строки, потому что четвертая строка скрыта из-за фиксированной высоты и скрытого переполнения ее контейнера.

Похоже, что плагин Ellipsis вычисляет необходимость усечения текстового элемента путем сравнения его общей высоты с высотой n (здесь, 3) строк. Поскольку у вас есть фиксированная высота, установленная в CSS для этого div, плагин смотрит на нее и говорит себе: «этот элемент имеет высоту, меньшую или равную высоте трех строк текста», и поэтому она ничего не делает.

Вы вызываете это правильно, хотя, и я вижу, что он работает на заголовок «Металл строительства ...»