css - 跨度边框不环绕图像

Question

我正在尝试使用跨度包裹图像，但是当在跨度中应用边框时，边框会被剪裁。为什么会这样？

http://jsfiddle.net/c743yeLt/1/

<span id="imagem">
    <img src="http://www.greentechmedia.com/content/images/articles/google-utility.jpg"/>
</span>

span{
    border: 5px solid black;
    cursor:pointer;
}

Answer 1

span 元素是一个内联元素。因此，要看到它更好地与子元素交互，请为 span 提供以下属性之一:

display:inline-block (probably this)
display:block