2011-10-05 6 views
11

今日はこの奇妙なことに酔いしれています。コンテナの:before /:after擬似要素がある場合、テキストインデントが機能しないのはなぜですか? (FX/Opera)

http://jsfiddle.net/UJAjD/3/

あなたは、FirefoxとOpera 7で、灰色のボックスがそれに単語「次へ」を持っていることに気づくでしょう。 CSSには、そのテキストをそのコンテナの外に移動するテキストインデントプロパティが含まれています。このページをIEまたはChromeで表示すると、そのページの表示方法がわかります。少なくともあなたはそれが表示されるべきだと思う方法。

これは既知のバグですか?回避策はありますか?

+1

...この場合の最初の行ボックスは、ブロックまたはテキストが含まれており、異なるUAが違った仕様を解釈するかどうかを行わないということです擬似要素に関連しているように見えますが、これはまったく同じように動作します:http://jsfiddle.net/UJAjD/4/ – thirtydot

+0

真実です。ありがとう。 – jkupczak

答えて

10

仕様によると、text-indentはブロックの最初の行ボックスのテキストに影響します。

問題はスペックが本当にそれを明確に問題はない

+0

意味があります。これを考慮に入れて、私がやらなければならないことは、変更することです:前に:後に、それはもはや最初の行ではありません。ありがとうございました。 – jkupczak

関連する問題