- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我使用 dotdotdot 截断高度指定框中的文本
<div class="product-description dotdotdot" style="word-wrap: break-word;">
<div class="product-description-icon">
<span>
<img src="product_gloves.png" alt="Gloves">
</span>
</div>
<h4>Gloves</h4>
<p>Some gloves text...</p>
</div>
$(".product-description.dotdotdot").dotdotdot({
watch: true
});
product-description dotdotdot
min-height 为 100px,文本末尾有省略号,但文本没有被截断,仍然有很多可用空间。
最佳答案
我已经下载了 dotdotdot 并遵循了 README.md 并且它工作正常(除了 $(window).resize
)。
您可能需要为您的问题提供更多背景信息:
.js
<head>
中的文件你的标记和正确的顺序? $(document).ready(function() {
中? 您的脚本 });
$(document).ready(function() {
$(".wrapper").dotdotdot({
// configuration goes here
});
});
.dotdotdot
可能会导致问题。也许将您的类(class)重命名为
.product-description-wrapper
并在该类上运行脚本。
关于即使没有被截断,dotdotdot 也会添加省略号,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34785893/
我使用 dotdotdot 截断高度指定框中的文本 Gloves Some gloves text.
我正在使用 jquery.dotdotdot 为文本部分创建“阅读更多/阅读更少”链接。对于有多个 p 标签的部分,不会显示文本。不太确定问题是什么。我已将我的代码包含在下面的 fiddle 中。 非
我一直在尝试使用 jquery 的 dotdotdot 方法来切断溢出的文本,但由于某种原因它不起作用。我希望该方法非常简单,但我不知道我做错了什么。 Javascript: $(document).
如何在 jquery dotdotdot 插件中通过 css 设置自动高度。 注意:我使用 dotdotdot插件。 例如: .dot{ overflow: hidden; width: 150px;
这里是一个由多个部分组成的问题,但我将从主要问题开始。 我在让 jQuery 插件在我正在设计的网站上运行时遇到问题。 FireBug 告诉我“TypeError: $(...).dotdotdot
我对 Javascript 和 jQuery 知之甚少,我正在尝试使用 jQuery 和 dotdotdot用于截断表中的 TD 第二个换行行之后的插件。 我想如果不问我就永远学不会; A.这可能吗?
我正在使用 jQuery、Modernizr 和一些插件(jQuery.dotdotdot、MixItUp)设计一个网站。作为基础,我选择了 this work from codyhouse 。因此,
我正在使用 Jquery 插件 dotdotdot.. ( http://dotdotdot.frebsite.nl/ )。我遇到了一些问题。 当我将它应用于我的日文长文本时,它无法正常工作并且显示空
我是 angularJS 的新手,可能写了一些不好的东西...... 但是我怎样才能正确实现这个插件:https://github.com/BeSite/jQuery.dotdotdot 在我的 ta
将 calc 应用于包含 div 的宽度会使 jQuery dotdotdot 插件停止工作。 html { font-size: 62.5%; } div#outer { width
我在 AngularJS 中使用 dotdotdot JQuery 插件时遇到了一个小问题。这是我的 HTML 代码: {{v
我正在尝试使用 dotdotdot 插件在面板中显示评论列表,但结果并不令人高兴: 来自下面的 xhtml 代码: #{Comment
为了在元素内的第二行之后创建一个省略号,我使用了 jquery dotdotdot .我将它与 google font 'source sans pro' 一起使用,但是在调整窗口大小之前它无法正常工
当我的网站上的多个多行段落超过特定高度时,我试图将省略号附加到它们。为此,我正在使用 dotdotdot , jquery 插件。 奇怪的是,当我刷新页面时它不起作用。它仅在我调整窗口大小后才起作用(
我想使用 dotdotdot jQuery 库在 Flexslider 幻灯片中的幻灯片标题中添加省略号: $(window).load(function() { $('.flexslider')
我有这个 fiddle : http://jsfiddle.net/6HKJZ/3/ 这是CSS中引起麻烦的部分: .r .rp{ max-width:50%; } .r .r2{ paddi
我想在我的函数中调用 glm,一个最小的例子是: my.glm |z|) (Intercept) 0.07628 0.07433 1.026 0.305 (Dispersion pa
以下 fiddle 演示了该问题: http://jsfiddle.net/inconduit/2z6Xa/ 这是使用 jquery.dotdotdot 插件用省略号截断文本。 当像 a_really
我正在尝试让文本 block 垂直调整大小并使用 dotdotdot jQuery ellipsis-support 插件。 dotdotdot 插件具有设置高度参数,我想知道是否有动态更新该设置高度
我正在尝试使用 dotdotdot jQuery 插件。在大多数情况下它工作正常。但是在下拉菜单中,它并没有像我预期的那样工作。我发现这是因为我的下拉列表 display:hidden; 阻止了插件正
我是一名优秀的程序员,十分优秀!