Zeigen Sie die erste Zeile eines Absatzes an

Es gibt keine eindeutige Möglichkeit, dies zu tun, indem Sie die erste Zeile angeben. Ich würde vorschlagen, die Höhe des DIV mit CSS zu ändern, um nur die erste Zeile anzuzeigen. Es scheint mir die einfachste Lösung zu sein. Wenn Sie dann ändern möchten, um die gesamte Zeile mit Javascript anzuzeigen, verwenden Sie einfach die Höhe des DIV zurück auf 100%.

BEARBEITEN : Ich stehe korrigiert, mir war nicht bewusst, dass es eine Pseudoklasse der ersten Zeile gab. Das Ändern der Höhe kann jedoch immer noch der einfachste Weg sein.

Hier ist eine Art (Art), indem Sie den Absatz weiß-auf-weiß machen mit Ausnahme der ersten Zeile: Ссылка

Snippet von CSS:

Es ist eine Weile her, dass dies beantwortet wurde, aber da es kein Beispiel gibt, ist es eines, das ziemlich gut funktioniert:

Ссылка

Sie brauchen kein JavaScript, messen die Höhe oder ändern die Sichtbarkeit. Stellen Sie den Absatz so ein, dass er inline angezeigt wird und seinen Text nicht umschließt. Sie sollten den Überlauf für das übergeordnete div auf "ausgeblendet" setzen, damit die restlichen Zeilen im Absatz nicht ausgegeben werden.

Ссылка

Fügen Sie das hier einfach als Idee hinzu. Sie können den Text mit einem Textfeld ein- und ausblenden. Nur CSS.

Bestimmen Sie die Höhe Ihrer Linie und legen Sie die Höhe des div so fest, dass nur eine Linie angezeigt wird und setzen Sie das Attribut overflow des DIV auf hidden .

Ich habe es nicht versucht, aber Sie sollten in der Lage sein, die Sichtbarkeit etwas besser zu machen, z. B.

und dann einen Stil einrichten