我不知道为什么，但是当我将 CSS 设置为<img>to时，display: inline它工作正常。
但后来我写了display: block;，它正在将包裹在元素周围的链接拉伸到整个屏幕上。
问问题
1881 次
1 回答
2
块元素占据了可用的全宽，前后都有一个新行，因为锚标签将它包围，它也是全宽。
内联元素只占用所需的宽度，并且不会强制换行。
要修复它，您应该将“我在 instagram 上的工作”锚标签和图像包装在一个 div 中，这是一个块元素，它不会拉伸内部元素。此外，display:block从您的 css 中的 instawork 类中删除。JSFiddle 示例
<div><a href="http://www.instagram.com/pauldewar_me" target="blank_"><img src="http://www.pauldewar.me/imgs/instawork.png"></a></div>
于 2012-12-22T21:23:42.163 回答