前端引入问题:引入CSS或JS文件,html页面出现多个空格的解决
编写前端html时候,引入文件格式和语法正确,但是莫名出现一行空格符,并且将引入文件的位置顶到Body标签内。如图:
原因分析:
一般出现空格字符,是由于引入行代码的前面有空格,空格导致html代码错位引入。
解决方法:
1.定位到Body标签内,第一个引入代码的前面 ,如 <link rel="stylesheet" href="./wp-content/themes/odin/assets/css/common.css" /> 的前面,查看是否存在空格,删除空格即可。
2.定位到Head标签内,最后一个引入代码的后面,如<link rel="stylesheet" href="https://www.swiper.com.cn/package/swiper-bundle.min.css" /> 之后,查找是否存在空格,删除空格即可。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步