Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jquery省略号不';不要在末尾显示点_Jquery_Html_Css_Wordpress_Ellipsis - Fatal编程技术网

jquery省略号不';不要在末尾显示点

jquery省略号不';不要在末尾显示点,jquery,html,css,wordpress,ellipsis,Jquery,Html,Css,Wordpress,Ellipsis,结尾没有显示三个点 HTML: CSS: 它只显示了三条线,但结尾没有显示点 可以在这里看到实时示例:(搜索文本“提供机械表面”)。实时示例看起来根本没有缩短文本。它显示3行,因为第四行由于其容器的固定高度和隐藏溢出而隐藏 看起来省略号插件通过比较文本元素的总高度与n(这里是3)行的高度来计算文本元素是否需要被截断。因为在CSS中为该div设置了一个固定的高度,插件查看它并对自己说“该元素的高度小于或等于3行文本的高度”,所以它什么也不做 不过,您的称呼是正确的,我看到它适用于您的标题“金属结构

结尾没有显示三个点

HTML:

CSS:

它只显示了三条线,但结尾没有显示点


可以在这里看到实时示例:(搜索文本“提供机械表面”)。

实时示例看起来根本没有缩短文本。它显示3行,因为第四行由于其容器的固定高度和隐藏溢出而隐藏

看起来省略号插件通过比较文本元素的总高度与n(这里是3)行的高度来计算文本元素是否需要被截断。因为在CSS中为该div设置了一个固定的高度,插件查看它并对自己说“该元素的高度小于或等于3行文本的高度”,所以它什么也不做


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

该实例看起来一点也没有缩短。它显示了3行,因为第四行由于固定的高度和容器的隐藏溢出而被隐藏。真的!那么问题是为什么会这样?是的。禁用
height
规则,并执行
.ellipsis()
再次显示预期的截断。顺便说一句,如果我需要元素的最小高度怎么办?如何解决这个问题?如果只有两条线,那会是个问题吗?
<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('.three_lines').ellipsis({
    row: 3
});
.slidertext {
    margin-left: 1px;
    margin-top: 10px;
    font-size: 12px;
    line-height: 20px;
    height: 58px;
    overflow: hidden;
    margin-bottom: 5px;
    width: 224px;
}