我正在尝试制作a little website，但是我有一个CSS问题。如果将鼠标悬停在照片底部的名称上，则该照片会像其应有的那样出现。但是下面有4个像素的空间，我似乎无法删除。我尝试过margin-bottom: -4px，但这使动画变得很奇怪。
我想这是一件简单的事情，但我只是不能将手指放在解决方案上。有人可以帮忙吗？
最佳答案
尝试vertical-align:bottom;
图像默认为inline-block元素。这基本上意味着将它们视为字符，但可以具有宽度和高度。
关于字符的注意事项是它们具有基线。大多数字母都与该基线对齐，但有些字母（例如q，p，j，g）下降到该基线之下。
因此，由于图像与基线对齐，因此在其下方留有一些额外的空间。 vertical-align:bottom会覆盖此内容，从而迫使图像与文本底部对齐。请注意，即使没有文本，这些对齐方式也适用。
关于html - HTML/CSS:4个像素的空间，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17639785/