首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >通过css伪元素“后”添加省略号

通过css伪元素“后”添加省略号
EN

Stack Overflow用户
提问于 2019-08-01 00:44:33
回答 1查看 679关注 0票数 1

在CSS样式表中的每个h5标记后面添加省略号都有困难:

代码语言:javascript
复制
h5::after{
    content:'…';
}

我知道CSS不是HTML,因此…不能工作。我在某个地方学到了应该使用unicode字符。我试过的任何东西都行不通。以下是我尝试过的一些价值观:

  • content:'…'; (生产“h5&h e l l i p;”)
  • content:'2026'; (生产'h52026')
  • content:'\2026'; (生产'h5,6')
  • content:'\u2026'; (生产'h5u2026')
  • content:'\u+2026'; (生产'h5u+2026')
  • content:'\2026\0020'; (生产'h5,60')

我的CSS以@charset "UTF-8";为前缀,我想知道这是否是问题的一部分。

编辑:修复了这个问题,尽管我不知道为什么我的修复工作。如果你能让我知道为什么,那么绿色的检查标记就会给你。有两个版本的修复。两样都有用。

Fix 1:将unicode值存储在预处理器变量(如:$e = '\002026';)中,然后输出content:'$e'

Fix 2:转义unicode:content:'\\002026';中的反斜杠

EN

回答 1

Stack Overflow用户

发布于 2019-08-01 00:49:28

试一试如下:

代码语言:javascript
复制
p:after {
 content:"\002026"
}
代码语言:javascript
复制
<p>some text</p>

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/57300500

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档