html– 带省略号和nowrap white-space的textwrap

html– 带省略号和nowrap white-space的textwrap,第1张

概述我想用省略号剪掉一些长文本.但是,对于我当前的实现,它不包括会导致它超出div的额外单词,并且不显示省略号以指示文本被截断.我究竟做错了什么?http://jsfiddle.net/sw6Sp/6/<div class='testWrap'>This is some very long text that I want to cut off &l

我想用省略号剪掉一些长文本.

但是,对于我当前的实现,它不包括会导致它超出div的额外单词,并且不显示省略号以指示文本被截断.

我究竟做错了什么?

http://jsfiddle.net/sw6Sp/6/

最佳答案只需使用text-overflow: ellipsiswhite-space: nowrap.

Updated Example

.testWrap {    wIDth: 125px;    white-space: nowrap;    overflow: hIDden;    text-overflow: ellipsis;}
总结

以上是内存溢出为你收集整理的html – 带省略号和nowrap white-space的textwrap全部内容,希望文章能够帮你解决html – 带省略号和nowrap white-space的textwrap所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1119494.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-29
下一篇 2022-05-29

发表评论

登录后才能评论

评论列表(0条)