当前位置:  开发笔记 > 编程语言 > 正文

如何从文本溢出中删除三个点:省略号?

如何解决《如何从文本溢出中删除三个点:省略号?》经验,为你挑选了1个好方法。

我正在展示产品名称.我希望在没有足够的空间时截断标题.我试过了text-overflow: clipping,但它没有采取右侧应用的填充.所以我用过text-overflow: ellipsis,它工作正常,但我不想保持"......"最后3个点.有没有办法隐藏或删除它?



1> herrh..:

你应该尝试剪辑而不是剪辑.

text-overflow:clip;

=====

编辑:

这应该可以解决您的问题:

.clipping-wrapper {
    border: 1px solid #4099ff;
    padding: 0 40px;
    display: inline-block;
}
.clipping{
    white-space: nowrap; 
    width: 200px; 
    overflow: hidden;
    text-overflow: clip; 
}

Copier Paper A4 Size - 70Gsm (500 Sheets)

推荐阅读
linjiabin43
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有