我使用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>
Run Code Online (Sandbox Code Playgroud)
jQuery:
$(".product-description.dotdotdot").dotdotdot({
watch: true
});
Run Code Online (Sandbox Code Playgroud)
我product-description dotdotdot的最小高度为100px,文本末尾有省略号,但文本没有截断,仍然有很多可用空间.
谢谢您的帮助
我已经下载了 dotdotdot 并按照 README.md 进行操作,它工作正常(除了$(window).resize)。
您可能需要为您的问题提供更多背景信息:
.js文件包含在标记中?<head>$(document).ready(function() { 你的脚本中 });我还没有深入研究 dotdotdot 脚本。我的正是使用这个脚本来触发的:
$(document).ready(function() {
$(".wrapper").dotdotdot({
// configuration goes here
});
});
Run Code Online (Sandbox Code Playgroud)
乍一看,我想知道您选择的类名是否.dotdotdot可能会引起问题。也许重命名您的类以读取.product-description-wrapper并运行该类上的脚本。
希望这对您有帮助