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设置了一个固定的高度，插件会查看它并自己说“该元素的高度小于或等于3行文本的高度”，因此它不会做任何事情。

你正在调用它，但我发现它适用于你的标题“金属结构......”

jquery省略号最后没有显示点

1 个答案: