VSCode中格式化前端页面后导致html元素的style属性格式错误,页面样式失效
分类:计算机 | 前端 | 综合 1137
更新:2021-11-13 12:28:46编辑
最近在做一个网址导航的模块,发现给导航链接设置的网站logo显示不出来了,在浏览器中用F12看了下logo的css样式,发现样式失效了,如下所示:
其中设置背景图片属性的前面和后面都多出了一个换行符"\n",这是怎么回事呢?于是在VSCode中看了一下源码,发现链接的style属性变成了这样:
<a
href="https://www.csdn.net/"
class="icon-site"
target="_blank"
style="
background-image: url(https://g.csdnimg.cn/static/logo/favicon32.ico);
"
>
<span>CSDN</span>
</a>
这才知道原来是在VSCode中使用“Format Document”功能的时候,将style属性值的两个引号都进行了换行,进而导致了css样式的失效。
去掉换行以后就好了,代码如下:
<a
href="https://www.csdn.net/"
class="icon-site"
target="_blank"
style="background-image: url(https://g.csdnimg.cn/static/logo/favicon32.ico);"
>
<span>CSDN</span>
</a>
猿导航
阅读排行榜
- 1vue和el-table使用经验-如何刷新表格数据10957
- 2three.js加载3D瓦片和3dtiles数据生成交互式地图的开源项目9506
- 3Microsoft Visual C++ Redistributable是什么,有什么作用?7285
- 4mybatis使用经验——mybatis-spring-boot-starter和mybatis的版本对应关系表(持续更新~)5864
- 5uni-app使用经验—vue页面和html页面如何互相调用接口并传参5486
- 6Intellij IDEA下的版本控制VCS的启用与关闭4920
- 7Spring学习经验—@ResponseBody注解的使用说明4902
- 8Druid异常解决经验—java.sql.SQLException url not set4520
- 9如何用批处理命令(bat脚本)启动和停止windows服务4289
- 10nuxt.js项目中如何添加和使用全局变量4164
- 11解决SpringBoot使用maven下载不了jar包的问题3502
- 12linux中解压tar.gz文件报错“gzip: stdin: invalid compressed data--format violated”3401
- 13nuxtjs asyncData使用经验—如何发起多个axios请求并携带参数3249
- 14在Nuxt.js项目的head中引用外部js文件3094
- 15在NVIDIA控制面板设置参数时提示“拒绝访问 无法应用选定的设置到您的系统”的解决方法之一3071