css中使用中文时出现乱码的问题的解决方法

时间:2022-01-22 10:35:24

css代码中使用中文时,如content属性值中带有中文,有时会出现乱码的现象,解决方法如下:

首先:检查该css文件的编码格式,是否为utf-8

其次:将中文转成编码的形式,不要写中文

转码工具:http://tool.chinaz.com/tools/unicode.aspx

或者 直接在控制台中使用escape语句

escape('展开')
"%u5C55%u5F00"      <=    console出来的结果

在css文件中的使用方式如下:"展开"的unicode码为"\u5c55\u5f00",在实际使用时,应该是以下这样(去掉编码的前缀,直接使用真实编码):

content: "\5C55\5F00";   

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