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解析库
img图片下面有间隙的6种解决方案
2019-03-10 12:48

巧克力很苦的博客在进行页面的DIV+CSS排版时，遇到IE6（当然有时Firefox下也会偶遇）浏览器中的图片元素img下出现多余空白的问题绝对是常见的对於该问题的解决方法也是「见机行事」，根据原因的不同要用不同的解决方法，这里把解决...
请问怎么将存在于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 已采纳你前端照着写了，后端呢？图片上传的接口你搞好了吗？
div之间有间隙以及img和div之间有间隙的原因及解决方法
2019-09-13 21:03

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

回答 4 已采纳 http://www.jb51.net/article/106915.htm
怎么通过URL访问项目图片??? tomcat 前端服务器
2017-10-30 10:04

回答 5 已采纳 127.0.0.1就是指向你服务器本地，不经过任何物理线路的，但是ip就不一样了，现在计算机一般有三种网卡，虚拟网卡(loopback) ，有线网卡(ethernet)，无线网卡(wlan)，各自都
Bootstrap fileinput 初始显示图片如何解决？ bootstrap
2017-03-20 06:12

回答 2 已采纳从服务器里拿到图片地址然后在当前的上传框里创建一个和上传图片时一样的DIV 把图片地址src换成从服务器里拿到的地址。然后监听删除图片事件，是前端删除还是服务器端删除 ajax去处理
【CSS】div和img之间有间隙的原因及解决办法
2019-01-25 14:33

qing_小诺的博客由于img标签是行内标签，display:inline-block布局的元素在chrome下会出现几像素的间隙，原因是因为我们在编辑器里写代码的时候，同级别的标签不写在同一行以保持代码的整齐可读性，即inline-block布局的元素在编辑...
求助大佬，html中的图片与border之间有透明间隙 css css3 html5
2019-05-21 09:57

回答 1 已采纳表格那边的style属性多加这句代码border-collapse:collapse;
div里面放img图片出来了_img图片放在div里, div下面有多余的空白
2021-02-27 11:12

知乎生活的博客本文向大家介绍如何解决div里面img图片下方有空白的问题。首先看代码：#wrapper {border: 1px solid red;width:200px;}img {width:200px;} 运行结果为：上面代码中，div下面有一小段空白间隙，图像之下的间隙或多余...
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-...
没有解决我的问题, 去提问

悬赏问题

¥15 chaquopy python 安卓
¥50 Kubernetes&Fission&Eleasticsearch
¥15 有没有帮写代码做实验仿真的
¥15 報錯：Person is not mapped，如何解決？
¥30 vmware exsi重置后登不上
¥15 易盾点选的cb参数怎么解啊
¥15 MATLAB运行显示错误，如何解决？
¥15 c++头文件不能识别CDialog
¥15 Excel发现不可读取的内容
¥15 关于#stm32#的问题：CANOpen的PDO同步传输问题

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

6条回答 默认 最新

悬赏问题

6条回答默认最新