解决img图片底部空白间隙的方法。-白红宇的个人博客

发布日期：2021-05-07 20:18:04 浏览次数：20 分类：精选文章

本文共 291 字，大约阅读时间需要 1 分钟。

最做一些项目的时候发现引用图片时下方总出现空白，情况如下图所示。

后发现原因是行内块元素会和文字的基线对齐，要解决这个问题其实很简单，主要方法有两种：

img {    vertical-align: bottom;}

g { display: block;}

好啦，问题就这么简单的解决了。

如果大家有什么更好的方法，欢迎交流，评论区留言哦~

上一篇：JS的三种书写方法

下一篇：CSS三大特性（学生笔记）

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

leetcode题解151-翻转字符串里的单词 2023-01-31

leetcode题解153-寻找旋转排序数组的最小值 2023-01-31

leetcode题解167-两数之和 II - 输入有序数组 2023-01-31

leetcode题解172-阶乘后的零 2023-01-31

leetcode题解173-二叉搜索树迭代器 2023-01-31

leetcode题解189-旋转数组 2023-01-31

leetcode题解191-位1的个数 2023-01-31

leetcode题解20-有效的括号 2023-01-31

leetcode题解200-岛屿数量 2023-01-31

leetcode题解206-反转链表 2023-01-31

leetcode题解227-基本计算器 II 2023-01-31

leetcode题解236-二叉树的最近公共祖先 2023-01-31

leetcode题解25-K个一组翻转链表 2023-01-31

leetcode题解279-完全平方数 2023-01-31

leetcode题解3-无重复字符的最长子串 2023-01-31

leetcode题解347-前 K 个高频元素 2023-01-31

leetcode题解4-寻找两个正序数组的中位数 2023-01-31

leetcode题解41-缺失的第一个正数原来如此简单 2023-01-31

leetcode题解434-字符串中的单词数（双指针经典） 2023-01-31

白红宇的个人博客 - 记录点点滴滴的事 - 您是第 465807590 位访客