CSS文本缩进不适用于IE7

Question

以下是示例页面:http://jsfiddle.net/p9Fbb/

基本上,在text-indent图标上使用时,Internet Explorer 7(兼容模式下的IE9)会将元素移出屏幕,而不仅仅是文本.出于某种原因,这只发生在表格单元格中的某些情况下(我认为这是元素在单元格中独立存在的时候).

我怎样才能解决这个问题？或者是否有另一种方法在元素中使用文本内容但保持不可见？

Answer 1

似乎问题是你的跨度在文本缩进之后变为空(或者它的大小变为0 (不确定)),因此它不会显示.在你的跨度上放置文字,你会发现它仍然存在.

看到这个jsFiddle的例子.

用display:block而不是display:inline-block.内联元素不像大小声明(宽度/高度),它们被显示在某个内容中,根据其内容占据空间.