css中使用中文出现乱码解决方案

前端开发 小铁匠 2024-12-16

在css中使用中文时,有时会出现乱码的现象,比如在content属性中使用中文,解决方案如下:

  1. 检查css文件的编码格式是否为utf8
  2. 将中文转成编码的形式,不要直接使用中文

转码方法:

  1. 使用站长工具转码 https://tool.chinaz.com/tools/unicode.aspx
  2. 在控制台中使用escape方法直接输出
escape("准备中")
'%u51C6%u5907%u4E2D' // 输出结果

在css中使用:

content:"\51C6\5907\4E2D";

解决。

推荐阅读
在 JavaScript 中,计算两个数组的差集(即找出在数组 A 中但不在数组 B 中的元素)可以通过多种方式实现
前端开发 小铁匠 2025-02-14
js阻止图片拖拽
前端开发 2024-12-26
moment.js使用笔记
前端开发 2024-12-26
vue引入axios出现Module parse failed: Unexpected token (5:2) 页面显示 Cannot GET /
前端开发 小铁匠 2024-08-03
在Vue脚手架项目中使用bootstrap icon图标,dev模式正常,打包后图标不显示了
前端开发 小铁匠 2023-10-12