IE7で動作しないCSSテキストインデント

Question

これがサンプルページです： http://jsfiddle.net/p9fbb/

基本的に、使用する場合 text-indent アイコンでは、Internet Explorer 7（IE9互換モード）は、テキストだけでなく、画面外に要素を移動します。何らかの理由で、これはテーブルセルの特定の状況でのみ発生します（それは、それは要素が独自のセルにあるときだと思います）。

どうすればこれを修正できますか？または、要素でテキストコンテンツを使用する別の方法はありますか？

Answer 1

問題はあなたのスパンが 空の （または、サイズは0になります （わからない））テキストインデントの後、それは表示されません。あなたのスパンの周りにテキストを置くと、あなたはそれがまだそこにあることがわかります。

これを参照してください jsfiddle 例として。

使用する display:block それ以外の display:inline-block. 。インライン要素はサイズの宣言があまり好きではありません（幅/高さ）、それらは 何かの中に表示されます, 、部屋を取る 彼らのコンテンツによると.