以下是示例页面：http://jsfiddle.net/p9Fbb/
基本上，在图标上使用text-indent时，Internet Explorer 7（兼容模式下的IE9）会将元素移出屏幕，而不仅仅是文本。出于某种原因，这只发生在表格单元格的某些情况下（我认为这是元素在单元格中独立存在的时候）。
我该如何解决这个问题？或者是否有另一种方法在元素中使用文本内容但保持不可见？
答案 0 :(得分：9)
似乎问题是，在文本缩进后，您的跨度变为为空（或者它的大小变为0 （不确定）），因此它不会显示。把文字放在你的跨度上，你会发现它仍然存在。
请参阅此jsFiddle以获取示例。
使用display:block代替display:inline-block。内联元素不喜欢大小声明（宽度/高度），它们被显示在内部，根据内容取得 。