这是示例页面：http: //jsfiddle.net/p9Fbb/
基本上，在text-indent图标上使用时，Internet Explorer 7（兼容模式下的 IE9）会将元素移出屏幕，而不仅仅是文本。出于某种原因，这只发生在表格单元格中的某些情况下（我认为这是当元素在单元格中单独存在时）。
我怎样才能解决这个问题？还是有另一种方法可以在元素中使用文本内容但使其不可见？
问问题
3938 次
1 回答
9
似乎问题在于您的跨度在文本缩进之后变为空（或者它的大小变为 0 （不确定） ），因此它没有显示。在您的跨度周围放置文本，您会看到它仍然存在。
有关示例，请参见此 jsFiddle。
使用display:block而不是display:inline-block. 内联元素不太喜欢尺寸声明（宽度/高度），它们被制作为显示在某物内部，根据它们的内容占用空间。
于 2011-06-15T20:41:04.440 回答