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

Question

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

Answer 1

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

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; 
}

<div class="clipping-wrapper">
  <p class="clipping">
    Copier Paper A4 Size - 70Gsm (500 Sheets)
  </p>
</div>