带有缩略图的链接，浮动链接下方有一些空白。如何摆脱它？
我有一个简单的缩略图库，图像浮动到左侧：
<a href=".."><img src=".." /></a>
但是，每个链接（或图像）的底部似乎有一些既不是边距也不是填充的空白。可能是什么原因？我怎样才能摆脱它？
编辑：我已将行高设置为 1。这似乎消除了大部分内容，但是每个图像的底部仍然有 1px 的空间。
编辑：向图像添加 display:block 似乎已经解决了问题。
I have a simple thumbnail gallery with images floated to the left:
<a href=".."><img src=".." /></a>
However there appears to be some whitespace that isn't margin nor padding on the bottom of each link (or image). What could be the cause? How can I get rid of it?
Edit: I have set line-height to 1. This seems to get rid of most of it, however there still is a 1px space at the bottom of each image.
Edit: Adding display:block to the images seems to have solved the issue.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
那行得通。另一个修复是
vertical-align: top。“空白”实际上是为
g和j等字母中的下行字母保留的间隙，因为img是内联的元素。That works. Another fix is
vertical-align: top.The "whitespace" is actually the gap reserved for descenders in letters like
gandj, because theimgs areinlineelements.之前添加<br/>right before the</a>可能是浏览器应用的字体大小间距尝试制作图像和锚点显示块，然后是我们工作的边距和填充（这是 FF 应用行高的一种相当新的方式）
it is likely the font size spacing that the browser applies try making the image and anchor display block, then the margin and padding we work ( this is a fairly new way for FF to apply line height)