不能删除两个div之间的空白边距
在前端开发中，我们经常会遇到两个div之间有一段空白边距无法删除的情况。这是因为HTML解析器会将HTML代码中的回车、空格、制表符等空白字符解析成一个空白节点（Whitespace Node），进而导致两个div之间产生了一段空白边距。
为了删除两个div之间的空白边距，我们可以采取以下几种方法：
- 使用font-size: 0;：将父容器设置为font-size: 0;，然后在子容器中重新设置合适的字体大小。这样可以让空白字符的宽度变为0，从而达到删除空白边距的效果。
- 使用float属性：给两个div设置float属性，将它们变成浮动元素，这样就不会出现空白边距了。但是需要注意，浮动元素可能会影响到其他元素的布局，需要做好清除浮动或者适当设置父容器的clearfix。
- 使用负margin：给第一个div的底部设置一个负margin-bottom，给第二个div的顶部设置一个负margin-top，使它们重叠在一起，从而删除空白边距。但是需要注意，这种方法可能会影响到其他元素的布局，需要谨慎使用。
- 使用Flexbox布局：将两个div包裹在一个父容器中，并将父容器设置为display: flex;，然后使用flex属性控制两个div的宽度和间距。这样可以更加灵活地控制两个div之间的间距，并且不会产生空白边距。
总结起来，删除两个div之间的空白边距可以使用font-size: 0;、float属性、负margin和Flexbox布局等方法。根据具体的项目需求和布局要求，选择合适的方法来解决空白边距的问题。
推荐的腾讯云相关产品和产品介绍链接地址如下：
- 云服务器（CVM）：提供灵活可靠的云主机服务，支持多种操作系统和应用场景。了解更多：https://cloud.tencent.com/product/cvm
- 云存储（COS）：提供安全可靠的对象存储服务，支持海量数据存储和访问。了解更多：https://cloud.tencent.com/product/cos
- 腾讯云函数（SCF）：基于事件驱动的无服务器计算服务，支持快速部署和运行代码。了解更多：https://cloud.tencent.com/product/scf
- 腾讯云数据库（TencentDB）：提供高性能、可扩展的云数据库服务，支持多种数据库引擎和部署方式。了解更多：https://cloud.tencent.com/product/cdb
请注意，以上只是一些示例产品，腾讯云提供了丰富的云计算产品和解决方案，可根据具体需求进行选择和使用。
相关·内容
4回答
我有一个视差图像设置在包含灰色背景的div文本之上，但两个div之间的白色“边距”不会消失。 <div class="parallax"></div>
<div class="npa" style="height: 300px; background-color: #c
浏览 28提问于2017-11-01得票数 0
回答已采纳
1回答
div之间有白边距我想把它去掉，这样就没有边距了body { padding: 0;
background: orange
浏览 2提问于2013-11-09得票数 0
我正在使用bootstrap，并试图让两个跨度并排出现，同时删除跨度之间的白色边距。如果我编写代码，则每个跨度之间会有一个白边距<li class="span4" > <img src="img/>
<<e
浏览 1提问于2013-07-25得票数 1
5回答
我在设置文本区域元素的宽度和通过CSS使用填充时遇到了麻烦。填充的值似乎改变了文本区域的宽度，我不希望它这样做。这是我的HTML代码： <textarea id="editor"></textarea>和我的CSS代码： height文本区域的宽度在两个</e
浏览 1提问于2010-11-15得票数 23
回答已采纳
我有一个问题，我想把qr代码靠近边距，但我不能删除那个白边距。我生成的内容如下： <tr> <img src="https://chart.googleapis.com/chart
浏览 4提问于2020-07-16得票数 1
回答已采纳
在VSCode中，单元格中的文本与该单元格的最左边边界/边缘之间有很大的差距。在这张截图中，您可以在两个红色箭头之间看到这个空白边距或空白：
有这么多的填充在这里，它看起来像一个2或3个空间的缩进。我宁愿没有填充物，或至少显著减少填充。有什么办法可以调整这个边距宽度吗？
浏览 6提问于2020-10-31得票数 9
1回答
这是我的第一个问题。在我最近向我的页面添加了一些代码以确保当我改变浏览器窗口的大小时，它的流程不会改变之前，我还没有遇到这个问题。(我甚至不记得那是什么代码了)，尽管删除了该代码，但白边距</
浏览 1提问于2015-12-04得票数 0
2回答
我在一个网站上遇到了一些填充/边距问题。这是一个可湿性粉剂网站，我正在为客户建设-而不是我的原始代码。我使用子主题来自定义样式。我的临时站点在这里我希望删除页脚区域的白边距和额外的顶部填充，但在chrome开发者模式中检查时没有显示任何目标
浏览 1提问于2017-05-03得票数 0
1回答
很难给出一个简短的标题。发生的情况是居中div的背景颜色延伸到屏幕的左右边缘，而主体的背景颜色被忽略或覆盖。在我们的Iphone和Android应用程序的标准原生web视图组件中，自动边距(左和右)不会变成正文的背景色，而是白色。在content div中
浏览 1提问于2014-01-13得票数 0
我有类似如下的标记： <div class="container"> </div></div>
显然，我希望.conta
浏览 0提问于2013-07-10得票数 13
回答已采纳
2回答
嗨，我想做一个用户界面与搜索栏，立即在电池指示灯和两个UIViews垂直对齐下的搜索栏。两个视图的高度是相同的，应该占据屏幕的其余部分。我试图向视图添加约束，但它们的大小要么超过屏幕边界，要么留下空白边距。实现这一目标的最佳途径是什么？我的应用程序是针对iOS 6的，所以请不要查看堆栈：)
视野超过了右边的边界，在它们之
浏览 4提问于2015-11-28得票数 0
回答已采纳
>它使两块宽度相等的面板之间有8 8px的边距。外观：然后，我需要隐藏右或左或两个面板与隐藏类。我有新的html ()： <div class="left panel ">left</div>
<div class="right
浏览 4提问于2016-11-16得票数 1
回答已采纳
1回答
与此问题相关：<style> transform:scale(0.25, 0.25);</style>
<video width>
<div id="
浏览 1提问于2018-04-06得票数 1
3回答
间距好奇
、、
因此，我只是稍微使用HTML/CSS，并且遇到了一个间隔两难的问题。这是我的密码。<!Toe Demo</title> </head> <divid='container'>
&l
浏览 1提问于2014-07-11得票数 0
回答已采纳
3回答
我一直在用HTML实现网页，我遇到了一个奇怪的问题。arial, tahoma; padding-left:12%; }谁能告诉我浏览器的边缘和洋红色div (#menuh)之间的距离是多少
浏览 0提问于2013-05-04得票数 0
回答已采纳
1回答
())在使用plt.show()时可以看到的“实时”图形中，图形周围有一个很大的灰色区域。在这里，您可以(不能)通过白色填充看到它。所以我想我可以再放大一点：然后发生了这样的事情：虽然图形周围仍然有白边距/填充，但它突然被裁剪了“实时图像”还向我显示了一些白色边距，显然是放置在投影周围。
我试过plt.tight_layout()，
浏览 8提问于2016-09-09得票数 1
回答已采纳
2回答
我试着做了一个像这样的div网格 --><div class="inner top left"> </div><!--
--><div class="inner bottom right"> </div><!
浏览 1提问于2014-06-14得票数 2
回答已采纳
2回答
我在删除图片中这个div的页边距时遇到了很多问题。我在一个循环中生成了很多div，但其中一些是空的，尽管页边距仍然应用于height:0的元素。如何使用CSS删除空元素的边距？注意:不幸的是，我不知道在生成div时哪些块是空的。只有子代有条件，所以它们可以生成空子代，而我最终得到的</
浏览 1提问于2017-07-20得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
