html body上有一条空白！！！

最新推荐文章于 2021-06-08 17:08:28 发布
转载 最新推荐文章于 2021-06-08 17:08:28 发布 · 1.4k 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/dongzhiwu/p/9096516.html

本文介绍了一个常见的HTML显示问题——莫名出现的空白条，并提供了解决方案。通过将HTML文件的编码方式调整为UTF-8无BOM格式，可以有效解决此问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

html body 上莫名其妙的就出现了一条空白，怎么搞都搞不定，弄了一下午......

解决了！！！

格式问题/?

解决方法：

　　把html文件用Notepad打开，点击“编码”，"以utf-8无BOM格式编码"，然后保存。

就ok了?

转载于:https://www.cnblogs.com/dongzhiwu/p/9096516.html

Vue2 - 完美解决html2canvas截图不全问题，截屏导出的图片显示不全只有一部分或缺一块，vue2移动端H5网页项目使用html2canvas插件长截图，截图只截取当前可视区域导出图片不全！
资深程序员
10-26 6955
vue2，html2canvas，移动端H5网页，截图不全，html2canvas长截图不全，底部内容空白，截图空白问题的解决，截图不全怎么办，html2canvas.js网页截图功能(解决截图不全问题，移动端ios系统截图不完整，html2canvas截图太长又不能删减截取不到，使用HTML2Canvas在H5页面上实现长截图功能，保存长截图，页面滚动导致截图不全，网页下方截屏不到怎么办，底部一部分无法截屏到，保存的图片少了一大块，H5海报截图不完整，怎么截取滚动条下方的内容，截图图时图片不全，截图图片只
Vue3 - 完美解决html2canvas截图不全问题，截图只截取当前可视区域导出图片不全，截屏导出的图片显示不全只有一部分或缺一块，vue3移动端H5网页项目使用html2canvas插件长截图！
资深程序员
10-29 1万+
vue3，html2canvas，移动端H5网页，截图不全，html2canvas长截图不全，保存长截图，页面滚动导致截图不全，网页下方截屏不到怎么办，底部一部分无法截屏到，保存的图片少了一大块，H5海报截图不完整，怎么截取滚动条下方的内容，截图图时图片不全，截图图片只有一半的问题，底部内容空白，截图空白问题的解决，截图不全怎么办，html2canvas.js网页截图功能(解决截图不全问题，移动端ios系统截图不完整，html2canvas截图太长又不能删减截取不到，使用HTML2Canvas在H5页面上实
解决：消除html中body上面的空白
敢于知道,
12-01 1159
* { margin: 0; padding: 0; }
body与html有空白的间隙
time_art的博客
09-19 5432
在一次练习中，发现body与html有空白的间隙 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #test{ h...
html和body之间空白解决
code_better的博客
07-20 8507
前一段时间开始学习前端方面的知识，在写网页的时候发现html和body标签之间的空白死活都去不掉，查了很多资料说 html,body { margin: 0; padding: 0; } ，但是试了并不行，可能还有其他标签的影响。因为许多标签都有默认的margin和padding，因此我们在html
HTML网页body元素上方有空白消不掉的解决办法【自己折腾出来了，有效！】
热门推荐
HesseSummer的博客
07-22 1万+
写一个特简单的html代码，测试时突然发现body元素上方出现了莫名其妙的空白，百度得到的方法竟然没有用。。。然后就自己折腾出来了“歪门邪道”。。。总算解决了问题，但是还是没弄明白怎么会出现这个问题。。。以后有机会要搞懂！↓ 问题描述截图：   问题解决截图： ...
web 消除html中body空白
Lee优快云77的博客
04-25 717
* { margin: 0; padding: 0; }
消除HTML网页顶部的一行空白方法（火狐显示正常，谷歌head与body之间有未知代码）
月光如注
02-26 2207
废话不多说，直接说方法~ 将下面代码保存为clearBOM.php放在网站的根目录，或者你想去哪个目录的BOM就放在哪个目录，然后直接用URL访问这个PHP文件就可以了！ <?php $basedir = str_replace('/clearBOM.php','',str_replace('\\','/',dirname(__FILE__))); $auto = 1; checkd
html2canvas截图空白问题的解决
11-21
最近在项目中遇到一个需求，需要提供网页截图的功能。百度下发现html2canvas很好用。那就试试吧。 资源下载地址 插件下载地址：html2canvas下载地址 使用方式 项目使用的react组件开发方式。参照官方的说明文档...
带滚动条html转pdf只有一页,关于html页面导出pdf滚动条以下显示不全的问题
weixin_36142226的博客
06-08 5276
生成的pdf只有页面窗口可见的区域，有滚动条的下面没有生成出来。如果截取是body的这个层级，而刚好body设置了overflow: hidden;那超出的部分是永远截取不到的，因为这个节点的dom高就是窗口可见的高度，并不包含滚动条多出来的部分。只需要在导出之前将overflow:aotu设置成visible(默认即可)；导出提后再设置回去。代码export() {console.log('導出...
html和body之间空白处如何解决
oqqaKun1的博客
09-18 1681
HTML中的元素都有默认的margin和padding，一般在会在整个项目开发之前，进行Css Reset（样式重置）。 关于样式重置在这里不多讲，网上有很多的资料，这里我们只处理html和body之间有空白处的问题，解决方案如下： &lt;style type="text/css"&gt; html,body{    marging:0;    padding:0; }...
求助！jsp/html页面body上方空白怎么消除
qq_44595592的博客
05-10 421
如题body上方有空白导致出现了滚动条，怎么删除空白 jsp页面代码如下 <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <meta charset="UTF-8"> <title>首页</title> <link rel="stylesheet" type="text/css" href="cs
html页面底部有空白,制作的网页在浏览时下方有多余的空白如何消除
weixin_32463071的博客
06-03 4645
在使用dreamweaver或者frontpage来制作HTML网页时，我们有可能会遇到这样的问题：在软件中好好的网页一旦放到浏览器中，就会在网页的下方莫名其妙的多出来或多或少的空白。那么这种空白又要怎么去消除呢？起先我以为只要在网页的代码中加一个CSS来约束一下网页的高度就行了，事实证明这样是行不通的。原因：首先我们要知道，用软件来写网页的话，大多数都是通过图形化的界面来“堆”网页，这样堆网页的...
html下边页面多余留白,如何消除网页下方多余的空白_html/css_WEB-ITnose
weixin_29964507的博客
06-04 4243
在使用dreamweaver或者frontpage来制作HTML网页时，我们有可能会遇到这样的问题：在软件中好好的网页一旦放到浏览器中，就会在网页的下方莫名其妙的多出来或多或少的空白。那么这种空白又要怎么去消除呢？起先我以为只要在网页的代码中加一个CSS来约束一下网页的高度就行了，事实证明这样是行不通的。原因：首先我们要知道，用软件来写网页的话，大多数都是通过图形化的界面来“堆”网页，这样堆网页的...
html head标签的内容跑到body标签中 , 并且body中多了个空格
asdfghjk11111111的博客
06-13 654
今天遇到一个奇怪的问题 , 就是在head标签中写的内容跑到body标签中 , 第一种也是经常遇到的情况就是编码 UTF-8 格式带BOM的 , 这种情况是会多一个空格 , 这个基本都知道 , 按utf-8格式重新保存就行 , 很多编辑器都带这个功能 我今天发现的真的让我脑子都炸开花了 , <meta name="viewport" content="width=dev...
html,body设置高度100%后底部有空白的bug
weixin_34159110的博客
08-17 4899
html,body{ //... height:100% } #app{ //... } #footbar{ position:absolute;bottom:0px;left:0px;right:0px; } 问题：底部有空白，手指在body层滑动的时候，#app会被滑上去，露出底部小片空白。 原因：#app没有加position:relative； 结论：日了狗狗了。 ...
网页上下有空白区怎么处理
最新发布
03-08
比如，body元素默认有margin，这可能在页面顶部或底部留出空白。这时候，可以通过CSS重置这些默认样式，比如设置body的margin和padding为0。但用户可能已经知道这一点，所以需要进一步考虑其他可能性。 接下来，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值