在最后一行文本中添加省略号
在最后一行文本中添加省略号
提问于 2014-05-29 05:00:49
我想在最后一行加上elipsis，我的营销策略是：
<h4 class="heading4 js-heading4">Yellow gold Yellow gold Yellow gold</h4>
.heading4 {
height: 98px;
position: relative;
width: 200px;
overflow: hidden;
white-space: nowrap
}我要我的产量应该像，黄，金，黄，黄，去.
如果文本溢出。问题是，如果我在添加text-overflow:ellipsis，那么整个文本将以一行形式出现，比如：、、gold、gold、Yell.，我想在页面底部添加省略号。
回答 2
Stack Overflow用户
发布于 2014-05-29 05:34:31
有标准的CSS，不。你不能这么做。
但是，有一些非标准的浏览器特定的CSS可以做到这一点.例如，基于webkit的浏览器支持这一点(尤指)。)使用-webkit-line-clamp
演示： http://jsfiddle.net/abhitalks/C34Gm/1/
相关CSS
p {
width: 100px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}参考： https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Webkit_Extensions
备注：这些"Webkit扩展“是专有的webkit-前缀属性。不要在生产网站上使用，至少现在是这样。
Stack Overflow用户
发布于 2014-05-29 05:40:35
使用这个jquery插件可以根据您的要求在文本的末尾自动创建月食，而不需要重新发明轮子：
http://dotdotdot.frebsite.nl/页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/23925977
复制相关文章
相似问题
腾讯云开发者
