我使用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,文本末尾有省略号,但文本没有截断,仍然有很多可用空间.
谢谢您的帮助
我的DOM是这样的(不知何故):
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
<div class="preview"></div>
<a href="#">link</a>
Run Code Online (Sandbox Code Playgroud)
如果我点击第一个链接,我想在该行添加一些信息div.
我试图选择它并将数据放入,$(this).next('.preview').html(data);但我没有得到任何结果.