Css 图像在链接可见时更改其布局

如果我通过javascript单击一个按钮将图像样式设置为

display inline

，那么它就会显示出来，一个链接

a

会稍微改变它的布局

   <span>
     <a href="#">my link</a>
     <img  src="mygif.gif" style="display: none;">
   </span>

---

我怎样才能摆脱它呢？我需要的是，设置图像可见不会改变

a

的布局。我不确定更改布局是什么意思

---

我的JSFIDLE here：显示锚定链接被按下，如果您不想这样做，请将图像设置为

块

，图像将显示在锚定链接下方。

嘿，现在定义一个标记显示内联块。更改了锚定链接的布局意味着什么。请把你们的代码放到AreYouWatchingMe.org上，点击页面底部的“更多照片”。