前端两个div之间总是有白线的产生原因和解决方法

在写前端样式的时候，遇到过一个很坑很坑的大坑。
就是两个兄弟div排列的时候，哪怕margin为0，padding为0，两个div之间还是有一条白线。

产生原因：因为两个div之间有空格，而浏览器默认空格存在，那一条白线其实是空格占据产生。

解决方法：
1. 在父元素之中设置font-size为0。
2. 将两个div紧贴着（删除div之间的空格）
如：

         <div class="box1"> 123</div><div class="box2">456</div>修改为：<div class="box1">123</div><div class="box2">456</div>

前端两个div之间总是有白线的产生原因和解决方法相关推荐

div和div之间画横线,如何在两个div之间画一条线？
I'm currently trying to draw a diagonal line between the bottom right corner of one div to the top r ...
Chrome浏览器会重复发送两次请求,第2次还是空请求的原因与解决方法
用ServerSocket搭建了一个服务器.用Chrome测试http请求, 却总是收到两次请求,很奇怪的是第二次请求是空,如下所示收到一个请求:GET / HTTP/1.1 收到一个请求:null ...
inline-block间隙原因和解决方法（web前端问题）
inline-block间隙原因和解决方法(web前端问题) 参考文章: (1)inline-block间隙原因和解决方法(web前端问题) (2)https://www.cnblogs.com/ge ...
两个div之间空白间隙和 div与图片空白间隙问题
1.两个div 之间有一段空白间隙解决:给下边盒子设置margin-top 为负值 2.若图片出现空白间距问题:设置对齐方式 vertical-align为 middle或者top; 图片默认的对齐 ...
英雄无敌6服务器在哪个文件夹,Win7系统无法运行英雄无敌6的两种原因和解决方法...
英雄无敌6作为一款策略模拟类游戏,深受高端玩家的喜爱.但最近有Win7旗舰版系统用户在玩英雄无敌6时,却出现了无法运行的情况,重启好多次还是一样,不太清楚是哪里出问题,网上相关解决方案也比较少,针对此 ...
spring定时任务执行两次的原因与解决方法
spring定时任务执行两次的原因与解决方法参考文章: (1)spring定时任务执行两次的原因与解决方法 (2)https://www.cnblogs.com/yolanda-lee/p/7339 ...
win7 计算机名称 ip6,Win7系统提示ipv6无网络访问权限的两种原因及解决方法
Win7系统提示ipv6无网络访问权限,导致无法上网,这该如何解决呢?ipv6无网络访问权限的原因有很多种,针对此问题,下面脚本之家的教大家解决ipv6无网络访问权限的问题,大家一起来看看吧. 故障原 ...
win10与linux 开机黑屏,win10系统开机黑屏进不去的两种原因及解决方法
win10电脑用久了总会会遇到某些故章,较为普遍的属于黑屏了.黑屏的故障就可以分为多种状况,比如开机黑屏,只有鼠标出现.或者是驱动不兼容导致电脑黑屏等,造成黑屏的原因也有很多,所以不同情况,修复方法也 ...
【GlobalMapper精品教程】026：影像黑边白边出现的原因及解决办法汇总
本文讲解Globalmapper中,影像黑边白边出现的原因及解决办法汇总. 文章目录 1. 影像黑边白边出现的原因 2. 影像黑边白边的解决方法 1. 影像黑边白边出现的原因通常,由于影像格式.像素 ...

前端两个div之间总是有白线的产生原因和解决方法

前端两个div之间总是有白线的产生原因和解决方法相关推荐

最新文章

热门文章