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

发布时间：2020-12-14 22:40:58 所属栏目：资源来源：网络整理

导读：我想用省略号剪掉一些长文本. 但是,对于我当前的实现,它不包括会导致它超出div的额外单词,并且不显示省略号以指示文本被截断. 我究竟做错了什么？ http://jsfiddle.net/sw6Sp/6/ 最佳答案只需使用 text-overflow: ellipsis 和 white-space: nowrap . Update

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

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

我究竟做错了什么？

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


最佳答案
只需使用text-overflow: ellipsis和white-space: nowrap.
Updated Example

.testWrap {
    width: 125px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!