解决谷歌浏览器下div之间有间隙，线条的情况

最新推荐文章于 2023-11-06 16:40:49 发布
原创 最新推荐文章于 2023-11-06 16:40:49 发布 · 1.7k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#谷歌 #兼容性 #线条 #css

本文描述了在移动端谷歌浏览器中，div元素间出现类似线条间隙的问题，并提供了解决方案：通过设置父元素背景色或使用浮动布局，同时注意清除浮动，有效避免了div之间的缝隙。

解决谷歌浏览器下div之间有间隙，线条的情况

描述

在这里插入图片描述
移动端会出现类似线条一样的东西
以为是outline或者border，但是设置为none都没有用。

解决

谷歌底下div之间会有缝隙，设置父元素背景色或者设置浮动均可，记得清除浮动~

cong_user
关注
提取谷歌游览器Cookie的几种方法
孤寒者的博客
07-31 1万+
提取谷歌游览器Cookie的几种方法
IE和谷歌浏览器下div宽度不一致的问题解决.txt
11-28
IE和谷歌浏览器下div宽度不一致的问题解决.txt
div和iframe之间空隙太大的问题，终于解决了
热门推荐
woshidaniu的专栏
04-11 1万+
test           function switchSysBar() {             var ssrc = document.all("frmTitle").style.display;             if (ssrc == "none") {                 document.all("frmTitle").style.d
不是吧，谷歌浏览器也有问题？连CSND都没有逃过的厄运？两个元素之间明明没有间距，哪来的迷之白线？高分屏的DPI设置引发的血案
lionking1990的博客
08-11 400
从所周之，谷歌浏览器应该是最靠谱的浏览器之一。但是偶尔会发现一些迷之白线（间距），换一台机器或者手机，就消失了，就没有放在心上。 如下图所示，两个元素没有理论上是没有间距的，但却有一条白线，随着窗口大小，偶尔在绿色标题的左边，偶尔在右边，有时候会消失。 今天刚好闲着，就折腾了一下。百度和谷歌都没有结果，倒是有几个老外发了PEN示例提问，但是底下的回复是，楼主是不是修复了问题，没有看到白线啊！？？ 然后我就想着用最简单的代码复现一下这个问题，为了方便一边改一边查看，我把浏览器拖到了副显示器上。神奇的事情发生
行内元素之间出现空白间隙及解决办法
huangpb的博客
04-17 1415
这里的行内元素包括display为inline和的元素。
Google Chrome 特定情况下border设置1px会出现断线bug
weixin_42297518的博客
07-28 1737
摘要 我们在对组件进行定制开发的过程中会遇到许多的问题和各种兼容性的问题，我们要不断尝试去解决这些问题，并记下自己解决过程，是沉淀积累的一种不错的方式。 问题： 在对下拉菜单进行定制开发的过程中，出现了 border 断线的现象，并且在缩放页面或者点击下拉菜单的时候，边框会再次出现，而另一组与它共享同一个样式的下拉菜单并没有出现这样的问题，这个问题困扰了很久。首先排除了 DOM 优先级覆盖的问题...
谷歌浏览器和safari点击div出现蓝色边框的解决方案
一棵星星
07-28 3346
项目用antdesignvue框架，点击div出现蓝色边框。
C#攻克反爬虫之谷歌浏览器调用
Leaderxin的博客
11-05 5362
在上一篇爬虫博客中，我们讲述了应对IP访问限制的策略，即爬取代理IP并不断改变代理的方式。但是某些网站不仅在访问时做了限制，而且在返回网页时也做了巧妙的处理，比如在页面加载时调用js动态请求内容等。这种情况就不是简单的发出一个get请求可以爬取的了，这个时候可能就需要调用谷歌浏览器来实现爬取。本篇我们介绍通过C#调用谷歌浏览器来实现动态信息爬取。 普通爬虫遭遇的困境 假如我们要爬取某博客页面的详细...
解决谷歌浏览器页面显示错位或错乱的问题
[解决谷歌浏览器页面显示错位或错乱的问题](https://img-blog.csdnimg.cn/20210402091303342.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl...
DIV+JS画图,DIV与DIV之间的连线!
11-15
实现DIV与DIV之间的连线,工程流程图那样.使用DIV+JS! 我封装了一个基于vml/svg画线条的跨浏览器的函数 用法： var g = new FlowGraphic(); var arrow = g.drawArrow(5,26,200,300,"red"); var arrow = g.drawArrow...
iframe使用后如何去掉与下方元素之间的缝隙(留白、边框)，实用的解决办法！！！！
weixin_45969078的博客
06-08 3286
可以看到当页面使用iframe后，与下方div之间有一段距离。如何清除两个元素之间的缝隙。 解决办法
谷歌浏览器解析border：1px显示0.8的问题
si_yf的博客
11-06 1376
谷歌浏览器解析border：1px显示0.8的问题
前端两个div之间总是有白线的产生原因和解决方法
weixin_44220680的博客
06-18 9926
在写前端样式的时候，遇到过一个很坑很坑的大坑。 就是两个兄弟div排列的时候，哪怕margin为0，padding为0，两个div之间还是有一条白线。 产生原因：因为两个div之间有空格，而浏览器默认空格存在，那一条白线其实是空格占据产生。 解决方法： 1. 在父元素之中设置font-size为0。 2. 将两个div紧贴着（删除div之间的空格） 如： <div class="box...
浏览器缩放时，border导致的缝隙问题
yahuoo_的博客
03-06 726
页面缩放
【前端样式】h5页面移动端上下两个相邻的div中间出现缝隙
loyd3的博客
07-28 1403
在某些移动设备尺寸下，两个相邻的div中间出现一条白线。可以通过给上半部分div的样式添加。上半部分div的样式。下半部分div的样式。
JavaScript 九九乘法表?
wxt_wjc的博客
01-11 850
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
解决<ul>等的子标签，在谷歌浏览器中打开，默认与左边框有空隙的问题
Fusnemo的博客
03-18 1401
       今天在做网页开发的时候，发现&lt;ul&gt;标签并未定义左间距，但是它的子标签&lt;li&gt;中的值，自动与左边框有大约40px的空隙。具体如下图：                   按F12 审查元素，发现ul中多了 -webkit-padding-start: 40px;                         看到这里才意识到，原来是浏览器的问题，它们在设计之...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值