7

疑似要素 を使用して、その後に記号<a>を表示したい要素があります。>:after

要素の<a>コンテンツは動的であるため、幅が変化し、コンテンツ イベントが数行にまたがる場合があります (この<a>要素は<div>who の幅が固定されているため)。

>の水平位置を最も長い行の最後から開始したいと思います。つまり、そのright:0;ルールを与えると、要素の右端にある必要があります (現在、垂直位置は関係ありません)。

ここに画像の説明を入力

FF ではこのように動作しますが、Chrome と IE では、>が最も短い行の最後に表示されます。

ここに画像の説明を入力

ブラウザ間の違いの原因を理解したいのですが、さらに重要なことは、すべてのブラウザが FF のように動作すること、:afterつまり を最も長い行の最後に配置することです。それは可能ですか?

上記のコードをdabbletに入れました

4

1 に答える 1