gpt4 book ai didi

jquery 省略号最后不显示点

转载 作者:太空宇宙 更新时间:2023-11-04 14:39:37 26 4
gpt4 key购买 nike

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/ (搜索文本“提供机械表面”)。

最佳答案

那个活生生的例子看起来根本不像文本被缩短了。它显示 3 行,因为第四行由于固定高度和隐藏的容器溢出而被隐藏。

看起来 Ellipsis 插件通过将文本元素的总高度与 n(此处为 3)行的高度进行比较来计算是否需要截断文本元素。由于您在 CSS 中为该 div 设置了固定高度,插件查看它并告诉自己“该元素的高度小于或等于 3 行文本的高度”,因此它什么都不做。

不过,您的称呼是正确的,而且我看到它适用于您的标题“金属结构...”

关于jquery 省略号最后不显示点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18472627/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com