Flexbox: Textbereich kann nicht in eine neue Zeile eingefügt werden
Posted: 19 Jan 2025, 21:09
Ich versuche, einen vorformatierten Textblock rechts auf einer Seite zu platzieren und dabei den Text links vom Block auszurichten, sodass ich einen rechtsbündigen Absatz mit linksbündigem Text erhalte. Das funktioniert ganz gut:
Das Problem besteht darin, dass, wenn ich diesem einen Textbereich hinzufüge (zum Beispiel das Einfügen von foo nach der ersten Zeile des para), die Zeilenumbrüche vor und nach dem Textbereich werden ignoriert.
Es funktioniert, wenn ich den
in einen einschließe und Wenden Sie dann den Stil auf die an :
aber leider liegt der HTML-Code nicht unter meiner Kontrolle, daher kann ich das nicht tun. Ich könnte dies mit einer Tabelle tun, wenn ich den HTML-Code kontrollieren könnte; und ich finde keine Möglichkeit, dies mit float:right zu tun, da der umgebende Text neben dem schwebenden Absatz erscheint.
Gibt es eine Möglichkeit, dies so zu gestalten, wie ich es tue? Hatte erwartet, nur das CSS zu ändern?
Code: Select all
pre {
display: flex;
justify-content: flex-end;
text-align: left;
}
A preformatted para with
various stuff
inside it.
Es funktioniert, wenn ich den
in einen einschließe und Wenden Sie dann den Stil auf die an :
Code: Select all
div {
display: flex;
justify-content: flex-end;
text-align: left;
}
A preformatted para with a
textarea
and other stuff
inside it.
Gibt es eine Möglichkeit, dies so zu gestalten, wie ich es tue? Hatte erwartet, nur das CSS zu ändern?