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

西瓦达斯N

我在内显示产品标题<span>如果空间不足,我希望标题被截断。我试过了text-overflow: clipping,但是它没有采用右边的填充。所以我用text-overflow: ellipsis,它工作正常,但我不想在最后保留“ ...”三个点。有没有办法通过CSS隐藏或删除它?

H先生

您应该尝试剪辑而不是剪辑。

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>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

对dplyr和merge()使用三个点/省略号(...)作为列名

来自分类Dev

更新R中三个点省略号的值

来自分类Dev

设置“文本溢出:省略号”的点颜色

来自分类Dev

如何使文本溢出省略号3点可点击?

来自分类Dev

在ggplot2构面之间添加空格和三个点(省略号)以指示省略的构面

来自分类Dev

为什么括号扩展范围使用两个点而不是三个点(省略号)?

来自分类Dev

如何在CSS中的省略号文本溢出旁边(右侧)添加文本?

来自分类Dev

文字溢出的样式点:省略号

来自分类Dev

文字溢出的样式点:省略号

来自分类Dev

如何在AntDesign的Table组件中添加省略号以溢出文本?

来自分类Dev

使用 vue-material,如何让文本换行而不是溢出到列表中的省略号?

来自分类Dev

文本溢出:省略号不被尊重

来自分类Dev

将文本放置在与第二行文本溢出省略号内联的点后

来自分类Dev

如何使用文字溢出:省略号?

来自分类Dev

文字溢出:IE中的省略号

来自分类Dev

文字溢出:省略号;不截断溢出文本并给出省略号

来自分类Dev

溢出问题:隐藏和文本溢出:省略号

来自分类Dev

滚动时文本溢出省略号未在Chrome和IE中显示溢出内容

来自分类Dev

如何删除jQuery DataTables分页中的省略号?

来自分类Dev

如何从C#的堆栈跟踪中删除省略号?

来自分类Dev

如何将不透明度应用于文本溢出:省略号

来自分类Dev

如何防止CSS Grid井喷,使文本溢出省略号起作用

来自分类Dev

Angular Material如何获取复选框文本溢出省略号

来自分类Dev

如何使用省略号文本溢出来适应卡的高度

来自分类Dev

块级元素是否支持文本溢出:省略号

来自分类Dev

Flexbox和文本溢出:省略号混合使用吗?

来自分类Dev

列表项的文本溢出省略号并保留数字

来自分类Dev

CSS“文本溢出:省略号”,并将元素垂直居中

来自分类Dev

文本溢出:省略号显示不同的字符

Related 相关文章

  1. 1

    对dplyr和merge()使用三个点/省略号(...)作为列名

  2. 2

    更新R中三个点省略号的值

  3. 3

    设置“文本溢出:省略号”的点颜色

  4. 4

    如何使文本溢出省略号3点可点击?

  5. 5

    在ggplot2构面之间添加空格和三个点(省略号)以指示省略的构面

  6. 6

    为什么括号扩展范围使用两个点而不是三个点(省略号)?

  7. 7

    如何在CSS中的省略号文本溢出旁边(右侧)添加文本?

  8. 8

    文字溢出的样式点:省略号

  9. 9

    文字溢出的样式点:省略号

  10. 10

    如何在AntDesign的Table组件中添加省略号以溢出文本?

  11. 11

    使用 vue-material,如何让文本换行而不是溢出到列表中的省略号?

  12. 12

    文本溢出:省略号不被尊重

  13. 13

    将文本放置在与第二行文本溢出省略号内联的点后

  14. 14

    如何使用文字溢出:省略号?

  15. 15

    文字溢出:IE中的省略号

  16. 16

    文字溢出:省略号;不截断溢出文本并给出省略号

  17. 17

    溢出问题:隐藏和文本溢出:省略号

  18. 18

    滚动时文本溢出省略号未在Chrome和IE中显示溢出内容

  19. 19

    如何删除jQuery DataTables分页中的省略号?

  20. 20

    如何从C#的堆栈跟踪中删除省略号?

  21. 21

    如何将不透明度应用于文本溢出:省略号

  22. 22

    如何防止CSS Grid井喷,使文本溢出省略号起作用

  23. 23

    Angular Material如何获取复选框文本溢出省略号

  24. 24

    如何使用省略号文本溢出来适应卡的高度

  25. 25

    块级元素是否支持文本溢出:省略号

  26. 26

    Flexbox和文本溢出:省略号混合使用吗?

  27. 27

    列表项的文本溢出省略号并保留数字

  28. 28

    CSS“文本溢出:省略号”,并将元素垂直居中

  29. 29

    文本溢出:省略号显示不同的字符

热门标签

归档