如何避免CSS :before、:after 中文乱码
2017-12-17 22:01
1251 查看
问题:
在进行页面开发时,经常会使用:before, :after伪元素创建一些小tips,但是在:before或:after的content属性使用中文的话,会导致某些浏览器上出现乱码。
解决方案:
确保HTML、CSS文件使用UTF-8格式,并且HTML文档也使用UFT-8的字符编码格式,即HTML文档的meta信息包含 <meta charset="UTF-8"> 。
避免在CSS的:before, :after中使用中文,如果一定要使用,可以使用中文对应的Unicode。可以使用使用站长工具,或者是JavaScript的原生方法escape将中文转为Unicode。需要注意的是Unicode在CSS中的书写方式,例如“限量抢”对应的Unicode是'\u9650\u91cf\u62a2',而在CSS中要写成 span:before { content: '\9650\91cf\62a2' } 。
在进行页面开发时,经常会使用:before, :after伪元素创建一些小tips,但是在:before或:after的content属性使用中文的话,会导致某些浏览器上出现乱码。
解决方案:
确保HTML、CSS文件使用UTF-8格式,并且HTML文档也使用UFT-8的字符编码格式,即HTML文档的meta信息包含 <meta charset="UTF-8"> 。
避免在CSS的:before, :after中使用中文,如果一定要使用,可以使用中文对应的Unicode。可以使用使用站长工具,或者是JavaScript的原生方法escape将中文转为Unicode。需要注意的是Unicode在CSS中的书写方式,例如“限量抢”对应的Unicode是'\u9650\u91cf\u62a2',而在CSS中要写成 span:before { content: '\9650\91cf\62a2' } 。
相关文章推荐
- python中如何避免中文是乱码
- 161012、JAVA读写文件,如何避免中文乱码
- JAVA读写文件,如何避免中文乱码
- CodeSmith如何避免中文乱码
- 如何解决复制来的js以及css等文件中文乱码问题
- android读写中文如何避免乱码详解
- JAVA读写文件如何避免中文乱码
- JAVA读写文件,如何避免中文乱码
- 避免css中文字体在浏览器中解析成乱码
- 如何在tomcat下用EL表达式${param.xxx}属性获取parameter中文避免乱码
- 如何在tomcat下用EL表达式${param.xxx}属性获取parameter中文避免乱码
- ajax传入中文参数 action 接受如何避免乱码
- 避免css中文字体在浏览器中解析成乱码
- 如何在tomcat下用EL表达式${param.xxx}属性获取parameter中文避免乱码
- 小三角如何实现--css-before-after
- 【转】JAVA读写文件,如何避免中文乱码
- Post和Get请求之间的区别以及如何避免出现中文乱码
- Python 中的 encode 和 decode 以及如何避免中文乱码
- 如何避免ajax提交数据出现中文乱码
- MySQL中文乱码如何解决