关注
码龄
粉丝数
原力等级 --
被采纳
被点赞
采纳率
ℳℓ夏ℓℳ
2019-12-06 11:54
采纳率: 0%
浏览 792
首页
前端
已采纳
img图片和div有间隙,怎么解决?
html5
css3
效果图
html
css
收起
写回答
好问题
0
提建议
关注问题
微信扫一扫
点击复制链接
分享
邀请回答
编辑
收藏
删除
结题
收藏
举报
6
条回答
默认
最新
关注
码龄
粉丝数
原力等级 --
被采纳
被点赞
采纳率
LRolinx
2019-12-06 15:11
关注
把img的内嵌样式float:left;去掉,img的display:block默认就是块元素,默认就是靠左上角,再加个浮动左就会打破元素布局
本回答被题主选为最佳回答
, 对您是否有帮助呢?
本回答被专家选为最佳回答
, 对您是否有帮助呢?
本回答被题主和专家选为最佳回答
, 对您是否有帮助呢?
解决
无用
评论
打赏
微信扫一扫
点击复制链接
分享
举报
评论
按下Enter换行,Ctrl+Enter发表内容
查看更多回答(5条)
向“C知道”追问
报告相同问题?
提交
关注问题
前端
踩坑记:
解决
图片
与
Div
换行
间隙
的隐藏元凶
2025-10-23 16:56
读忆的博客
比如明明没给元素设置 margin、padding,
图片
和
div
换行后中间却莫名出现一段空白高度,用浏览器开发者工具检查样式也找不到明显异常。这种隐藏的布局
间隙
不仅影响页面美观,还可能打乱整体排版逻辑。今天就来深入...
img
图片
下面有
间隙
的6种
解决
方案
2019-03-10 12:48
巧克力很苦的博客
在进行页面的
DIV
+CSS排版时,遇到IE6(当然有时Firefox下也会偶遇)浏览器中的
图片
元素
img
下出现多余空白的问题绝对是常见的对於 该问题的
解决
方法也是「见机行事」,根据原因的不同要用不同的
解决
方法,这里把
解决
...
解决
div
和
img
之间的空隙
2018-12-04 10:53
陌、小默的博客
div
盒子和
img
之间有空隙之前也遇到过几次这问题,今天又遇到了特地来总结下。 先上代码和效果图: <!doctype html> <html lang="en"> <head> <meta...
div
之间有
间隙
以及
img
和
div
之间有
间隙
的原因及
解决
方法
2019-09-13 21:03
chouwang7599的博客
div
中 存在
img
标签,由于
img
标签的display:inline-block属性。 display:inline-block布局的元素在chrome下会出现几像素的
间隙
,原因是因为我们在编辑器里写代码的时候,同级别的标签不写在同一 行以保持代码的...
【CSS】
div
和
img
之间有
间隙
的原因及
解决
办法
2019-01-25 14:33
qing_小诺的博客
由于
img
标签是行内标签,display:inline-block布局的元素在chrome下会出现几像素的
间隙
,原因是因为我们在编辑器里写代码的时候,同级别的标签不写在同一行以保持代码的整齐可读性,即inline-block布局的元素在编辑...
div
嵌套
img
,如何
解决
img
标签下面的小空隙
2024-05-15 14:50
小鱼小鱼干的博客
img
是一种类似text的标签元素,在结束的时候,会在末尾加上一个空白符(匿名文本),...当我们用一个
div
直接包裹
img
,
img
的下方会出现3px间距,如图。缺点:该方法不够灵活,一旦
img
尺寸改变,我们要重新设置
div
的高度。
div
里面放
img
图片
出来了_
img
图片
放在
div
里,
div
下面有多余的空白
2021-02-27 11:12
知乎生活的博客
本文向大家介绍如何
解决
div
里面
img
图片
下方有空白的问题。首先看代码:#wrapper {border: 1px solid red;width:200px;}
img
{width:200px;} 运行结果为:上面代码中,
div
下面有一小段空白
间隙
,图像之下的
间隙
或多余...
运维系列&
前端
系列:两个
img
之间为什么会有空隙及
解决
方法
2024-12-23 10:15
坦笑&&life的博客
两个
img
之间为什么会有空隙及
解决
方法
css image 与
div
之间存在
间隙
2024-06-05 09:20
Serendipity︎的博客
由于
img
标签是行内标签,display:inline-block布局的元素在chrome下会出现几像素的
间隙
,原因是因为我们在编辑器里写代码的时候,同级别的标签不写在同一行以保持代码的整齐可读性,即inline-block布局的元素在编辑...
解决
使用
img
标签添加
图片
后,
图片
下方有缝隙
2023-03-13 20:05
Aduck.的博客
也就是行内块元素,凡是带有inline属性的都具有文字类特性,为了正确显示带有尾巴(比如 j、q、y 等)英文字母,就在下方留了一些空白的地方。该方法不够灵活,一旦
img
尺寸改变,我们要重新设置
div
的高度。将 ...
没有解决我的问题,
去提问
向专家提问
向AI提问
付费问答(悬赏)服务下线公告
◇ 用户帮助中心
◇ 新手如何提问
◇ 奖惩公告