我不知道为什么,但是当我将 CSS 设置为<img>
to时,display: inline
它工作正常。
但后来我写了display: block;
,它正在将包裹在元素周围的链接拉伸到整个屏幕上。
我不知道为什么,但是当我将 CSS 设置为<img>
to时,display: inline
它工作正常。
但后来我写了display: block;
,它正在将包裹在元素周围的链接拉伸到整个屏幕上。
块元素占据了可用的全宽,前后都有一个新行,因为锚标签将它包围,它也是全宽。
内联元素只占用所需的宽度,并且不会强制换行。
要修复它,您应该将“我在 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>