Gibt es eine Möglichkeit, einen Teil eines Textes in einer neuen Zeile mit CSS anzuzeigen?Einen Text in zwei Zeilen teilen
Also, wenn die HTML sieht wie folgt aus:
<p>Hello, my name is John.</p>
Das Ergebnis wird sein:
Hallo,
mein Name John ist.
Das HTML wird dynamisch generiert, also kann ich es nicht ändern.
p::before {
float:right;
width:calc(100% - 3.6em); height:1em;
content:'';
}<p>Hello, my name is John.</p>Bitte beachten Sie, dass diese eher zappelig ist: die 3.6em ist irgendwo zwischen der Breite "Hallo" und der Breite "Hallo, mein". Das hängt also sowohl von der Schriftart als auch von dem/den Wort (en) ab, nach dem/der Sie es abbrechen müssen. Ich musste etwas mit verschiedenen Schriften experimentieren, um eine gute durchschnittliche Größe zu finden.
Schön, danke! – Reza
OK. Aber bitte beachten Sie den Hinweis, den ich gerade hinzugefügt habe (den ich gestern hinzufügen sollte). –
Aber dies nicht einmal in Erwägung ziehen, wo die Linien automatisch zu spalten. Wenn Sie etwas automatisierter wollen, müssen Sie PHP oder Javascript verwenden. Hier
ist ein Beispiel von einem anderen Link: SPLIT HTML INTO different lines
überprüfen und lassen Sie mich wissen, ob es Ihnen hilft.
Dank S
Es gibt viele Möglichkeiten, wie man es tun.
Erste wird mit dem <br> Element von HTML
<p>Hello,<br> my name is John.</p>
Zweite ist es sowohl, indem sie in <p> Tag beide, es in
<p>Hello,</p>
<p>my name is John.</p>
Third ist <p> Tag mit CSS-Attribut und Wert clear:both - das ist sicherzustellen, dass kein elem Ent wird in links oder rechts schweben
Versuchen Sie die Codes unten und hoffe, es hilft Ihnen.
p {
clear: both;
}<p>Hello,</p>
<p>my name is John.</p>All das Ausgangs
wirdHallo,
mein Name ist John.
Die kurze Antwort ist, Sie können einen Text nicht teilen, ohne Code zwischen Ihren Texten zu schreiben.
Folgen Sie diesem Link, der eine gute Lösung bietet.
Nein, zwei Elemente verwenden. Kann versuchen, mit JS zu wickeln – Justinas
Ändern Sie Ihre HTML zu '
Hallo,
' –mein Name ist John.
@StavrosAngelis Ich weiß, wie man es mit HTML macht, aber das war nicht die Frage. – Reza