如何使图像周围的链接不向图像 div 添加另一个像素或两个高度?
这是简单的代码:
<div><a href="#"><img src="http://placekitten.com/g/200/300"></a></div>
图片由 placekitten 托管并由 Titran's Kasper 拍摄
有没有一种动态的方法来做到这一点?即不必给 div 一个固定的高度?
最佳答案
向图像添加样式规则,例如 display: block
或 vertical-align: top
。
该图像是一个内联元素,并将在包含该图像的内联框的基线下方显示一些空白。
关于html - 链接环绕图像使 div 稍高,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17505418/