疑似要素 を使用して、その後に記号<a>
を表示したい要素があります。>
:after
要素の<a>
コンテンツは動的であるため、幅が変化し、コンテンツ イベントが数行にまたがる場合があります (この<a>
要素は<div>
who の幅が固定されているため)。
>
の水平位置を最も長い行の最後から開始したいと思います。つまり、そのright:0;
ルールを与えると、要素の右端にある必要があります (現在、垂直位置は関係ありません)。
FF ではこのように動作しますが、Chrome と IE では、>
が最も短い行の最後に表示されます。
ブラウザ間の違いの原因を理解したいのですが、さらに重要なことは、すべてのブラウザが FF のように動作すること、:after
つまり を最も長い行の最後に配置することです。それは可能ですか?
上記のコードをdabbletに入れました