解决——CSS :before、:after ,当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是'\u9650\u91cf\u62a2',而在CSS中要写成span:before { content: '\9650\91cf\62a2' }

原链接:https://www.cnblogs.com/liuyanxia/p/9099947.html

posted @ 2021-02-03 16:08  前端HL  阅读(285)  评论(0编辑  收藏  举报