Zao's Blog
感谢上天,我不是一个人在战斗!
十二月
18

最近好像用插件用上瘾了,又搞了个链接美化的插件Link Indication Plugin。这个插件能在超链接旁边加个小图标,使人清楚地知道这是一个链接,是外部链接还是本站链接,是链接到一个网页还是其它类型的文件,是否一些特殊的网站。很重要的一点:这符合网站易用性的要求。

作者在他的插件发布页已说明在IE中可能存在的bug——当链接的文字跨行时,你会发现链接旁边的图标不会显示,只剩下在css中定义的空白。这个bug英文名字叫做Inline Wrap Bug解决办法作者也提供了,其实就是加上一个display: inline-block;。但是当我用在本blog的时候,还是有问题:链接的确是全部显示在新的一行了,确在左边莫名其妙的多出一些空白。插件作者的页面评论中也没有反映这个问题啊!

经过一番摸索,原来是受链接外层的<p>影响!我把<p>标签定义了text-indent: 2em;,即让每个段落默认缩进两个字宽,这竟然影响到被定义为inline-block的元素 :!: IE就是这么怪……

知道原因后,问题就迎刃而解了。给链接加上个text-indent: 0;就OK啦。

发表评论





改变评论框高度:增大(+) | 减小(-)