问题：
在进行页面开发时，经常会使用:before, :after伪元素创建一些小tips，但是在:before或:after的content属性使用中文的话，会导致某些浏览器上出现乱码。
解决方案：
确保HTML、CSS文件使用UTF-8格式，并且HTML文档也使用UFT-8的字符编码格式，即HTML文档的meta信息包含
1 | <meta charset="UTF-8"> |
避免在CSS的:before, :after中使用中文，如果一定要使用，可以使用中文对应的Unicode。可以使用使用站长工具，或者是JavaScript的原生方法escape将中文转为Unicode。需要注意的是Unicode在CSS中的书写方式，例如“限量抢”对应的Unicode是'\u9650\u91cf\u62a2'，而在CSS中要写成（去掉里面的u，切记切记）
1 | span:before { content: '\9650\91cf\62a2' } |
中文转换Unicode地址：http://tool.chinaz.com/tools/unicode.aspx
本站所有文章、图片、资源等如无特殊说明或标注，均为来自互联网或者站长原创，版权归原作者所有；仅作为个人学习、研究以及欣赏！如若本站内容侵犯了原著者的合法权益，可联系我们进行处理，邮箱：343049466@qq.com
赞(8)
打赏
上一篇：浅谈对JavaScript中的闭包的理解及常见应用场景
下一篇：一篇文章带你彻底认识node.js文件系统模块(FS)
共 0 条评论关于"如何避免CSS :before、:after 中文乱码"
最新评论