我正在尝试制作 a little website但我有一个小的CSS问题。如果将鼠标悬停在照片底部的名字上，照片就会正常显示。但是下面有一个 4 像素的空间，我似乎无法删除。我试过 margin-bottom: -4px 但这让动画很奇怪。
我想这很简单，但我无法确定解决方案。谁能帮忙？
最佳答案
试试 vertical-align:bottom;
默认情况下，图像是 inline-block 元素。这基本上意味着它们被视为字符，但可以具有宽度和高度。
关于 Angular 色需要注意的一点是它们有一个基线。大多数字母都与该基线对齐，但有些字母(例如 q、p、j、g)低于该基线。
因此，由于图像与基线对齐，因此下方会留下一些额外的空间。 vertical-align:bottom 覆盖了这个，强制图像与文本底部对齐。请注意，即使没有文本，这些对齐方式也适用。
关于HTML/CSS : 4 pixels of space，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17639785/