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

灰谷

我这里有些CSS问题。

看到这张图片

在此图像中,我为文本“ INTENSE TRAINING”添加了CSS样式

.sample-style{ 
  width: 100%;
  overflow: hidden !important;
  text-overflow: ellipsis;
  white-space: nowrap; }

问题是当我添加

text-overflow: ellipsis;

它显示的是那个大的O,顶部有2个点,而不是“ ...”。谁能告诉我这是怎么回事?我在其他项目中尝试了此代码,并且可以正常工作。

这是我的标记:

<div class="panel radius panel-click">
  <a href="#" data-dropdown="drop1" class="tiny right dropdown" data-options="align:left;"><i class="fi-wrench"></i></a>
  <div class="large-12">
    <h1 class="panel-title text-upper"><small>INTENSE TRAINING</small></h1>
  </div>    
  <div class="large-12">
    <h2><small>train with the champ</small></h2>
  </div>
  <div class="large-12">
    <img src="image.jpg" alt="this is an image">
  </div>
</div>
巴斯·乔布森

请参阅https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow,其中告诉您:

此关键字值指示显示省略号(“ ...”,U + 2026水平省略号)以表示剪切的文本。

这意味着声明的字符集字体都应支持U+2026以便正确显示。

请注意,鼓励作者使用UTF-8。

因此,当您将字符集更改为utf-8并使用支持的字体时,请验证您的问题是否仍然存在U+2026

文本溢出属性还接受一个字符串代替ellipsis,但这个(实验)语法只能使用适用于Firefox。

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

文本溢出:省略号和显示表格单元

来自分类Dev

CSS 文本溢出省略号无法正确显示

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

文本溢出省略号未以某些自定义字体显示

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

具有多个跨度的文本溢出省略号

来自分类Dev

文本溢出省略号不受位置影响:相对

来自分类Dev

不能使文本溢出作为省略号

来自分类Dev

css。文本溢出不起作用:省略号

来自分类Dev

如何用省略号截断长文本,但总是在省略号后显示图标

来自分类Dev

TextView:在省略号后添加文本或更改省略号字符

来自分类Dev

XSLT修剪文本长度并显示省略号

来自分类Dev

省略号并在单行中显示多行文本

来自分类Dev

在右侧显示省略号并将文本向右对齐

来自分类Dev

文本溢出:省略号无法正常工作。溢出视野之外

来自分类Dev

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

来自分类Dev

文字溢出:IE中的省略号

来自分类Dev

带省略号的段落溢出

来自分类Dev

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

来自分类Dev

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

来自分类Dev

CSS文本溢出属性省略号可以应用于垂直滚动文本吗?

Related 相关文章

  1. 1

    文本溢出:省略号和显示表格单元

  2. 2

    CSS 文本溢出省略号无法正确显示

  3. 3

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

  4. 4

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

  5. 5

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

  6. 6

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

  7. 7

    文本溢出省略号未以某些自定义字体显示

  8. 8

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

  9. 9

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

  10. 10

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

  11. 11

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

  12. 12

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

  13. 13

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

  14. 14

    具有多个跨度的文本溢出省略号

  15. 15

    文本溢出省略号不受位置影响:相对

  16. 16

    不能使文本溢出作为省略号

  17. 17

    css。文本溢出不起作用:省略号

  18. 18

    如何用省略号截断长文本,但总是在省略号后显示图标

  19. 19

    TextView:在省略号后添加文本或更改省略号字符

  20. 20

    XSLT修剪文本长度并显示省略号

  21. 21

    省略号并在单行中显示多行文本

  22. 22

    在右侧显示省略号并将文本向右对齐

  23. 23

    文本溢出:省略号无法正常工作。溢出视野之外

  24. 24

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

  25. 25

    文字溢出:IE中的省略号

  26. 26

    带省略号的段落溢出

  27. 27

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

  28. 28

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

  29. 29

    CSS文本溢出属性省略号可以应用于垂直滚动文本吗?

热门标签

归档