当前位置:   article > 正文

解决CSS :before、:after ,当content使用中文时有时候会出现乱码_css content 中文乱码

css content 中文乱码

- 解决方案:
1、确保HTML、CSS文件使用UTF-8格式,并且HTML文档也使用UFT-8的字符编码格式,即HTML文档的meta信息包含 <meta charset="UTF-8"> 。
2、避免在CSS的:before, :after中使用中文,如果一定要使用,可以使用中文对应的Unicode。使用站长工具(http://tool.chinaz.com/tools/unicode.aspx)的Unicode编码转换,或者是JavaScript的原生方法escape将中文转为Unicode。需要注意的是Unicode在CSS中的书写方式,
例如“切换应用”对应的Unicode是’\u5207\u6362\u5e94\u7528’,而在CSS中要写成

div:before { content: '\5207\6362\5e94\7528' }
1
需要去除u,否则不能生效

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/845908
推荐阅读
相关标签
  

闽ICP备14008679号