CSS 去除图片和父元素底部间隙
2021-01-26 11:15
标签:src pre display 情况 order cal vertica alt lang 由于行内元素默认vertical-align按照基线(base-line)对齐,而父元素的border-bottom对应着行内元素的底线(bottom),所以默认情况下图片会与父元素产生底部间隙。 vertical-align按照bottom对齐 img变为block元素 浮动img CSS 去除图片和父元素底部间隙 标签:src pre display 情况 order cal vertica alt lang 原文地址:https://www.cnblogs.com/Peter2014/p/13230468.html场景
去除间隙
img {
vertical-align: bottom;
}
img {
display: block;
}
div {
overflow: hidden; /* 父元素触发BFC撑开 */
}
img {
float: left;
}
上一篇:.Net Core访问https接口报错:The requested security protocol is not supported
下一篇:解决【npm ERR! Unexpected end of JSON input while parsing near '...sh_time":1410729302