Ich versuche, jedes erste Wort auszuwählen, um es in einen bestimmten Bereich zu bringen.
Lorem ipsum dolor sitzt amet, consectetur adipiscing elit. Cras sagittis nunc non nisi venenatis Auktor. Aliquam Consectetur Pretium sapien, eget congue purus egestas nec. Maecenas sed purus ut turpis varius Diktum. Praesent a nunc ipsum, id mattis odio. Donec rhoncus posuere Bibendum. Fusce nulla elit , Laoreet nicht posuere.
Wenn dies der Text ist, sollte das Skript Lorem, Aliquam, varius und elit
auswählenVielen Dank im Voraus
Sie können dies tun, indem Sie JavaScript verwenden, um jedes Wort im Absatz in seine eigene Spanne einzubinden und dann durch die Bereiche zu laufen, um herauszufinden, was ihre tatsächliche Position auf der Seite ist, und dann anzuwenden Ihr Stil ändert sich zu den Spannen, deren Y-Position größer ist als die vorhergehende Spanne. (Am besten machen Sie es jedoch von Anfang bis Ende, da die früheren die Verpackung der letzteren beeinflussen können.) Aber es wird eine Menge Arbeit für den Browser geben, und Sie werden es tun um es jedes Mal zu wiederholen, wenn das Fenster in der Größe geändert wird, muss der Effekt die Kosten wert sein.
So etwas (verwendet jQuery, weil Sie das jquery -Tag in Ihrer Frage aufgelistet haben und es den Code viel einfacher macht):
Das macht natürlich eine Menge Annahmen (dass alle Leerzeichen durch ein einzelnes Leerzeichen ersetzt werden sollten, dass es im Text kein Markup gibt, wahrscheinlich andere). Aber Sie bekommen die Idee.
Hier ist eine Version, die die Fenstergrößenänderung behandelt, 50ms nach dem letzten Größenänderungs-Ereignis (also nicht zwischenzeitlich) und mit Gaby's Vorschlag (unten), den wir zu Beginn der Größenänderung einblenden:
%Vor%Um jedes erste Wort eines P-Tags, einschließlich Leerzeichen nach dem ursprünglichen P, fett zu formatieren, verwenden Sie einen Regulären Ausdruck:
%Vor%Prost John Guise
Tags und Links javascript jquery css