原因:

图片的display属性默认是inline,而这个属性的vertical-align的默认值是baseline。所以就会出现片底部出现一个小留白区域。

解决方法:

给图片加属性:vertical-align:text-top;

或者 display:block;

即可解决图片下方空隙问题

相关推荐

css图片左边有空隙如何处理

把图片display:block;即可

C#调用dLL文件,C#调用dLL里面的函数

//以下是调用jiemi.dll里面 jiemi()函数的声明写法 //相当于易语言中的 DLL命令定义表, 包含了文件路径 函数名 参数 数据类型等等 [DllIm

vARCHAR(250) 里面的数字什么作用

一直很好奇 VARCHAR(10) 和 VARCHAR(255) 有什么区别如果没有区别 为什么要设计这个?后来突然想到了可能的原因 只是猜测 没查阅资料也没验证很可能是这个数字就是决定 记录长度是使

div+css网页布局笔记:盒子模型(框模型)

一个盒子我们会分为几个部分:内容区:content内边距:padding边框:border外边距:margin盒子占用空间的大小可见尺寸=指定宽高+边框宽度+内边距宽度+外边距宽度盒子的内边距特性:元

html 弹出对话框 div模拟对话框小窗口原生js代码 弹出子窗口

关键是还可以拖动 查看演示代码1(最简单的拖动原理):<div id='box' style="position:absolute;width:100px;height

css-sprite 雪碧制作工具 雪碧图的使用,合并多张小,背景图片当按钮设置

雪碧图制作工具下载:链接:https://pan.baidu.com/s/1zc2Vez5VMWwa2Ark21DElA 提取码:cojm 背景图片基础:使用background-image来设置背景

php图片加水印(图片水印) 例子 - php像处理

<?php $dst_path = '222.jpg'; /*图片*/ $src_path = '111.png'; /*水印图片 也可以是图片地址url*/

C/C++ gdi绘制位(可替代图片框组件) 以及 图片失真 解决

位图图像(Bitmap),亦称为点阵图像或绘制图像,是由称作像素(图片元素)的单个点组成的。BMP文件的图像深度(用多少个二进制位来表示每个点的颜色)可选1bit、4bit、8bit及24bit,BM

php 正则表达式 匹配正文中第一张图片

以下代码是 从正文中提取第一张图片作做略图用 如果没有匹配到 则取随机图片 $pattern="/<img.*?src=['\\"](.*?)['\\"

window10此电脑删除资源管理器自带的下载,视频,图片,音乐,文档,桌

win10新安装系统后,打开此电脑 多了一些东西 看起来比较碍眼可以通过注册表删除搜索注册表 地址栏输入HKEY_LOCAL_MACHINE\\SOFTWARE\\Microsoft\\Windows\\C