Text zentrieren, der größer als der Container ist? (Ohne Verwendung eines separaten untergeordneten Elements)

Mit CSS ist es einfach, Text in einem Container mithilfe von horizontal zu zentrierentext-align:center;, aber wenn irgendein einzelnes Wort dieses Textes istgrößer als die Breite des Behälters, Der Browser "schneidet" automatisch an die linke Begrenzung des Containers (wie in, das übergroße Wort wird an der linken Seite des zu kleinen Containers und ohne CSS ausgerichtet)word-break:hyphenate; Eigenschaftseinstellung (oder Ähnliches) Das übergroße Wort ragt über den rechten Rand des Containers hinaus.

Gibt es eine Möglichkeit, dieses Bild hier links von meinem Text zu platzieren, um vertikalen Platz zu sparen? Naja. Sowieso...

Ohne Wenn Sie ein untergeordnetes Containerelement verwenden, um den Text aufzunehmen, gibt es eine Möglichkeit dazuCenter das übergroße Wort, so dass es gleichermaßen über der linken und rechten Seite des Containers hängt?

Auch hier möchte ich keinen Textcontainer innerhalb des Containers verwenden. Ich könnte dies in 5 Sekunden mit einem Kind tun<div>text to be centered</div> mit festenwidth und negativmargin-left, oder mitabsolute Positionierung eines Containerelementes innerhalb einesrelative div, aber ich suche eineCSS-Attribut Dadurch wird der Text zentriert, auch wenn das Wort zu lang für die Breite ist. Standardmäßig,text-align:center macht das nicht.

Gedanken? Vielen Dank! -Schleichen

Antworten auf die Frage(3)

Ihre Antwort auf die Frage