css after的中文乱码

css after的中文乱码

问题:

在进行页面开发时,经常会使用 :before , :after 伪元素创建一些小tips,但是在 :before:aftercontent 属性使用中文的话,会导致某些浏览器上出现乱码。

(相关课程推荐:css视频教程

例如我遇到一个分页的问题,正常时这样的:

但有时候会出现乱码。

解决方案:

确保HTML、CSS文件使用UTF-8格式,并且HTML文档也使用UFT-8的字符编码格式,即HTML文档的meta信息包含 <meta charset="UTF-8">

避免在CSS的 :before , :after 中使用中文,如果一定要使用,可以使用中文对应的Unicode。可以使用使用站长工具(http://tool.chinaz.com/tools/unicode.aspx)的Unicode编码转换,或者是JavaScript的原生方法escape将中文转为Unicode。

需要注意的是Unicode在CSS中的书写方式,例如“限量抢”对应的Unicode是'\u9650\u91cf\u62a2',而在CSS中要写成 span:before { content: '\9650\91cf\62a2' }

本文来自css答疑栏目,欢迎学习!

以上就是css after的中文乱码的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读