img 标签上下有多余空白的解决方法

1）将图片转换为块级元素
　　img{display:block;}

2) 将图片的垂直对齐方式由默认的baseline改为top
　　img{ vertical-align:top}

3) 设置父级的文字大小为0px（img同级元素有文字时该方法无效）
　　font-size:0;

4) 设置父级的属性
　　overflow:hidden;

5) 取消图片标签和其父级的最后一个结束标签之间的空格

仅供参考，不代表有效

CSS

我的笔记

css如何给图片添加阴影 CSS

两个div并列一行显示的方法 CSS

CSS 选择器使用指南 CSS

CSS 中的 !important 使用手册 CSS

jQuery css() 方法使用指南 jQuery CSS

CSS中 a:hover 失效问题的解决方案 CSS

使用 position:absolute 实现div并排 CSS

2023年 CSS 发展总结 CSS

css中如何实现长英文单词的强制换行 CSS

GitHub 的 Markdown 生成的 html css 样式 CSS GitHub Markdown

CSS 如何修改 input 中的 placeholder 的默认颜色 CSS

img的onerror，处理图片加载失败后的显示问题 CSS

CSS white-space 属性：如何处理元素内的空白 CSS

HTML代码中如何使用CSS让图片等比例缩放而不变形 CSS