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

最新推荐文章于 2023-04-17 22:39:37 发布
最新推荐文章于 2023-04-17 22:39:37 发布
阅读量1.6k 收藏
点赞数
文章标签： 谷歌 兼容性 线条 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cong_user/article/details/103482364
版权

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

描述

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

解决

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

cong_user
关注
Google Chrome 特定情况下border设置1px会出现断线bug
weixin_42297518的博客
07-28 1597
摘要 我们在对组件进行定制开发的过程中会遇到许多的问题和各种兼容性的问题，我们要不断尝试去解决这些问题，并记下自己解决过程，是沉淀积累的一种不错的方式。 问题： 在对下拉菜单进行定制开发的过程中，出现了 border 断线的现象，并且在缩放页面或者点击下拉菜单的时候，边框会再次出现，而另一组与它共享同一个样式的下拉菜单并没有出现这样的问题，这个问题困扰了很久。首先排除了 DOM 优先级覆盖的问题...
HTML图片与上面的div有空隙,div与div之间有空隙的解决方法
weixin_42298507的博客
06-04 6044
今天在制作页面的时候发现两个div之间有空隙导致两个本来应该在一起的效果，这里结合一下解决方法。当你使用HTML div块与块的中间不能紧密连接 怎么都解决不了时1、可以在中间内容里加一个* {margin:0;padding:0;}2、上下div之间有间距的问题我写了4个div,上下分布,均存在间距,代码以及效果如下:.div1{height:100px;background-color:blu...
不是吧，谷歌浏览器也有问题？连CSND都没有逃过的厄运？两个元素之间明明没有间距，哪来的迷之白线？高分屏的DPI设置引发的血案
lionking1990的博客
08-11 310
从所周之，谷歌浏览器应该是最靠谱的浏览器之一。但是偶尔会发现一些迷之白线（间距），换一台机器或者手机，就消失了，就没有放在心上。 如下图所示，两个元素没有理论上是没有间距的，但却有一条白线，随着窗口大小，偶尔在绿色标题的左边，偶尔在右边，有时候会消失。 今天刚好闲着，就折腾了一下。百度和谷歌都没有结果，倒是有几个老外发了PEN示例提问，但是底下的回复是，楼主是不是修复了问题，没有看到白线啊！？？ 然后我就想着用最简单的代码复现一下这个问题，为了方便一边改一边查看，我把浏览器拖到了副显示器上。神奇的事情发生
前端两个div之间总是有白线的产生原因和解决方法
weixin_44220680的博客
06-18 9490
在写前端样式的时候，遇到过一个很坑很坑的大坑。 就是两个兄弟div排列的时候，哪怕margin为0，padding为0，两个div之间还是有一条白线。 产生原因：因为两个div之间有空格，而浏览器默认空格存在，那一条白线其实是空格占据产生。 解决方法： 1. 在父元素之中设置font-size为0。 2. 将两个div紧贴着（删除div之间的空格） 如： <div class="box...
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
行内元素之间出现空白间隙及解决办法
最新发布
huangpb的博客
04-17 1137
这里的行内元素包括display为inline和的元素。
iframe使用后如何去掉与下方元素之间的缝隙(留白、边框)，实用的解决办法！！！！
weixin_45969078的博客
06-08 3004
可以看到当页面使用iframe后，与下方div之间有一段距离。如何清除两个元素之间的缝隙。 解决办法
谷歌浏览器打印没反应_发送文件给打印机却没反应？解决方案都在这里了
weixin_33533854的博客
01-20 1万+
发送文件给打印机等了半天却没反应怎么办？到底是卡了还是死机了？打印任务到底有没有发送到打印机？首先关闭打印机电源，并重新启动电脑，让电脑处于一个正常的使用环境中。重启电脑后再次发送打印任务，一般就能正常打印了。造成打印机不能打印的原因很多，如果打印机仍然不能正常打印，请按照下列解决方法中的步骤逐个操作。注：本文以HP Laser NS 1020系列智能闪充激光打印机为例1清除打印任务打印...
IE6 两个div有间隙的问题（IE 3px bug）
12-10
已存在解决方法：利用float和margin的负值偏移来实现，这两种方法虽好，但是对于前一种方法如果这两个div包含在另一个div中，且这个div已经float的话，这个方法是无效的。 本题目采用方法：即在其中的某个div的css中增加overflow:hidden;(OVERFLOW:hidden—这样超出部分会自动隐藏,这样做不好的地方是就是这部分的信息显示不完全,比如图片只显示了一部分. 但是页面布局不会乱.要注意的是,使用overflow的时候,一定要定义width,百分比或者具体值都可以.)即可，这样在IE6和IE7中都能有效的显示。 实现：这里也采用上面参考中的例子，其中例子中的
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...
关于谷歌浏览器主页被篡改无法修正的样例分析与解决方案
wenbuer_的博客
05-08 1万+
关于谷歌浏览器主页被篡改无法修正的样例分析与解决方案       首先写在前面，浏览器被修改主页的情况很多，此次分析的仅为一个样例且给出解决的方法。本文主要提供自身经历和解决的思路，因为水平有限，无法给出专业化的防范建议和解决方案，还请见谅。        问题产生的原因不用多说，大多是下载时遇上了流氓软件，强行篡改了你浏览器的主页。        昨天安装软件时遇到了这个问题，现在也来分享一波我...
解决谷歌浏览器页面显示错位或错乱的问题
[解决谷歌浏览器页面显示错位或错乱的问题](https://img-blog.csdnimg.cn/20210402091303342.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl...
浏览器缩放时，border导致的缝隙问题
yahuoo_的博客
03-06 584
页面缩放
【前端样式】h5页面移动端上下两个相邻的div中间出现缝隙
loyd3的博客
07-28 1184
在某些移动设备尺寸下，两个相邻的div中间出现一条白线。可以通过给上半部分div的样式添加。上半部分div的样式。下半部分div的样式。
JavaScript 九九乘法表?
wxt_wjc的博客
01-11 770
<!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 1292
       今天在做网页开发的时候，发现&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、付费专栏及课程。

余额充值