我将<a>
元素设置为display:block
,其中包含一些文本和一个png图像。 <a>
设置为text-align:right
,图片设置为float:right
。
除了IE 8之外的所有浏览器都没问题(但是没有尝试使用早期版本的IE),它会在文本下面显示图像。如果我使用旧的负边距技巧,它会将图像覆盖在文本的顶部。
请注意,我必须包含X-UA-Compatible元标记才能使脚本完全正常工作(jQuery)。
我知道IE对png和float都进行了调整。可以设置边距等让它们看起来不错,但是有没有人想过为什么它们不仅仅是在一起流动?
注意:我尝试使用文本和常规div中的img进行测试,这也是同样的问题。