img图片和div有间隙，怎么解决？

效果图

html

css

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

6条回答

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
LRolinx 2019-12-06 15:11
关注
把img的内嵌样式float:left;去掉，img的display:block默认就是块元素，默认就是靠左上角，再加个浮动左就会打破元素布局

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

查看更多回答(5条)

报告相同问题？

关注问题

img图片和div有间隙，怎么解决？ css3 html5
2019-12-06 11:54

回答 6 已采纳把img的内嵌样式float:left;去掉，img的display:block默认就是块元素，默认就是靠左上角，再加个浮动左就会打破元素布局
前端：图片路径被篡改问题怎么解决？ css 前端
2016-04-19 02:09

回答 1 已采纳你路径怎么设置的？还有html文件放哪个目录下。目测html文件放css里面，并且img的src为 img/searchDiv_form.png ，这样会接上当前目录如果你img和css文件夹同级
Script中能放Div等标签吗?? html5 javascript
2020-09-05 13:30

回答 4 已采纳这是特殊的前端模板语法注意看script标签的type属性如果是JS的话应该是 text/JavaScript 但是现在明显不是这样写的话需要你页面引入相应的JS解析库
div之间有间隙以及img和div之间有间隙的原因及解决方法
2019-09-13 21:03

chouwang7599的博客 div 中存在 img标签，由于img标签的display:inline-block属性。 display:inline-block布局的元素在chrome下会出现几像素的间隙，原因是因为我们在编辑器里写代码的时候，同级别的标签不写在同一行以保持代码的...
请问怎么将存在于div中的img移动位置？ css html5 前端
2015-09-01 16:28

回答 7 已采纳图片定位以left、top设置位置 ``` ```
div内的背景图片如何才能充满？
2016-01-20 12:09

回答 2 已采纳 http://bbs.csdn.net/topics/330074499
这样写前端图片上传组件，还缺什么吗？为何404 前端
2018-11-20 14:53

回答 3 已采纳你前端照着写了，后端呢？图片上传的接口你搞好了吗？
【CSS】div和img之间有间隙的原因及解决办法
2019-01-25 14:33

qing_小诺的博客由于img标签是行内标签，display:inline-block布局的元素在chrome下会出现几像素的间隙，原因是因为我们在编辑器里写代码的时候，同级别的标签不写在同一行以保持代码的整齐可读性，即inline-block布局的元素在编辑...
前端怎么调用打印机打印<img> 需要是彩色的 html5 前端
2018-04-25 03:32

回答 4 已采纳 http://www.jb51.net/article/106915.htm
Bootstrap fileinput 初始显示图片如何解决？ bootstrap
2017-03-20 06:12

回答 2 已采纳从服务器里拿到图片地址然后在当前的上传框里创建一个和上传图片时一样的DIV 把图片地址src换成从服务器里拿到的地址。然后监听删除图片事件，是前端删除还是服务器端删除 ajax去处理
怎么通过URL访问项目图片??? tomcat 前端服务器
2017-10-30 10:04

回答 5 已采纳 127.0.0.1就是指向你服务器本地，不经过任何物理线路的，但是ip就不一样了，现在计算机一般有三种网卡，虚拟网卡(loopback) ，有线网卡(ethernet)，无线网卡(wlan)，各自都
div里面放img图片出来了_img图片放在div里, div下面有多余的空白
2021-02-27 11:12

知乎生活的博客本文向大家介绍如何解决div里面img图片下方有空白的问题。首先看代码：#wrapper {border: 1px solid red;width:200px;}img {width:200px;} 运行结果为：上面代码中，div下面有一小段空白间隙，图像之下的间隙或多余...
求助大佬，html中的图片与border之间有透明间隙 css css3 html5
2019-05-21 09:57

回答 1 已采纳表格那边的style属性多加这句代码border-collapse:collapse;
html图片下方会有一像素,移动端img下方出现1像素空隙怎么解决？
2021-06-12 01:36

邵老师说的博客用div包裹img，img负责撑开div，Chrome仿真缩小比例会导致img下方出现一条细小的缝隙，且在iPhone7，小米note等真机上也会出现！！！Chrome截图：真机截图：html结构： css代码：html,body {margin: 0;}.w {font-...
解决使用img标签添加图片后，图片下方有缝隙
2023-03-13 20:05

Aduck.的博客也就是行内块元素，凡是带有inline属性的都具有文字类特性，为了正确显示带有尾巴（比如 j、q、y 等）英文字母，就在下方留了一些空白的地方。该方法不够灵活，一旦 img 尺寸改变，我们要重新设置 div 的高度。将 ...
没有解决我的问题, 去提问

悬赏问题

¥15 C#算法问题, 不知道怎么处理这个数据的转换
¥15 YoloV5 第三方库的版本对照问题
¥15 请完成下列相关问题！
¥15 drone 推送镜像时候 purge: true 推送完毕后没有删除对应的镜像,手动拷贝到服务器执行结果正确在样才能让指令自动执行成功删除对应镜像，如何解决？
¥15 求daily translation（DT）偏差订正方法的代码
¥15 js调用html页面需要隐藏某个按钮
¥15 ads仿真结果在圆图上是怎么读数的
¥20 Cotex M3的调试和程序执行方式是什么样的？
¥20 java项目连接sqlserver时报ssl相关错误
¥15 一道python难题3