div内置img元素，底部总有间距

╰半橙微兮° 2023-02-13 11:07 61阅读 0赞

div内置img元素，底部总有间距

用一个div包裹一个img，会出现img不能完全覆盖div空间，总会在底边留下一点空隙。

解决方法：

div设置font-size: 0或line-height: 0，进而行高为0；不推荐使用
img设置 vertical-align: top 或者 middle/，使其不再以默认基线为对齐方式；
img设置 display:block，使其变成块级元素。

发表评论取消回复

表情：

评论列表（有 0 条评论，61人围观）

还没有评论，来说两句吧...

相关阅读

相关 css div固定底部并且不遮挡其他元素

问题：设置固定底部的div后会遮挡其他元素解决方法:为该固定在底部的div设置一个height，position设置为fixed，然后给body设置一个margin

今天药忘吃喽~/ 2023年07月04日 11:27/ 0 赞/ 74 阅读

相关 div内置img元素，底部总有间距

div内置img元素，底部总有间距用一个`div`包裹一个`img`，会出现`img`不能完全覆盖`div`空间，总会在底边留下一点空隙。解决方法： 1. `d

╰半橙微兮°/ 2023年02月13日 11:07/ 0 赞/ 62 阅读

相关实现div内img水平垂直居中

1. flex布局父元素 display: flex; justify-content: center; align-items: cente

浅浅的花香味﹌/ 2022年10月07日 03:51/ 0 赞/ 337 阅读

相关 08-DIV+CSS-块元素和行内元素

块元素和行内元素 1. 概念 \- 行内元素(inline element), 又叫内联元素内联元素只能容纳文本或者其他内联元素, 即, 值

叁歲伎倆/ 2022年09月18日 02:00/ 0 赞/ 229 阅读

相关 <img>元素底部为何有空白

示例: [http://codepen.io/GitKou/pen/NrGbXP][http_codepen.io_GitKou_pen_NrGbXP] > 块级元素内部默认

水深无声/ 2022年08月23日 03:59/ 0 赞/ 226 阅读

相关 div中的元素居中如img text ul div 等（待补充）

在平时工作中，div中的内容垂直居中一直是个重点：下面就简单的介绍几种常用的方法，欢迎大家评论和补充相互学习 1、行高（line-height）//容器固定大小如

心已赠人/ 2022年07月15日 01:55/ 0 赞/ 169 阅读

相关 div间距

用padding 属性来控制 padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。 ·语法结构（1）padding-left:10px;

柔光的暖阳◎/ 2022年06月18日 07:20/ 0 赞/ 334 阅读

相关关于img标签间距问题

[http://www.cnblogs.com/lovelyun/p/4846222.html][http_www.cnblogs.com_lovelyun_p_484622

青旅半醒/ 2022年06月09日 14:29/ 0 赞/ 277 阅读

相关 div内元素居中

![这里写图片描述][SouthEast] <!DOCTYPE html> <html> <head> <meta charset="U

淩亂°似流年/ 2022年05月28日 05:35/ 0 赞/ 247 阅读

相关 uni-app 设置div置底部不被TabBar遮挡

参考官网说明：[https://uniapp.dcloud.io/frame?id=css%E5%8F%98%E9%87%8F][https_uniapp.dcloud.io_

柔光的暖阳◎/ 2021年07月26日 22:02/ 0 赞/ 974 阅读