Gibt es eine CSS-Methode, um festzustellen, ob ein Element in eine neue Zeile umgebrochen wurde?

Wenn eine Zeile mehrere Inline-Block-Elemente enthält, möchte ich die Elemente, die in die nächste Zeile umgebrochen wurden, anders formatieren können.

z.B

<div class='wrapper'>
    <div style='display: inline-block; width: 500px'>...</div>
    <div style='display: inline-block; width: 500px'>...</div>
</div>

Also, wenn die Browser-Breite <1000, das zweite Kind<div> kann ein anderes Styling haben.

Ich weiß, ich kann es in js tun, aber ich versuche, es zu vermeiden. Ich weiß auch, dass ich Medienabfragen verwenden kann, aber ich bin besorgt, dass der Grenzwert für die minimale Breite möglicherweise nicht genau derselbe ist, als wenn das<div> 's wickeln (ich kenne ihre genauen Größen nicht).

Antworten auf die Frage(2)

Ihre Antwort auf die Frage