Inline-Element mit CSS transform: scaleX() stauchen?

[Rolf B]

Hallo Marika,

das ist bei CSS Transformationen so: die Darstellung der Box wird verändert aber der dafür reservierte Platz nicht.

Vielleicht kannst du deine Absicht mit der Eigenschaft letter-spacing umsetzen? Ein negativer Wert schiebt die Buchstaben zusammen. Das geht auch mit inline Elementen. Alternativ kannst du auch versuchen, einen Font zu finden den es "normal" und "schmal" gibt; allerdings gibt es keine Garantie, dass diese Schriftschnitte beim Benutzer deiner Seite auch verfügbar sind.

Aber, was ist der Zweck, den du verfolgst? Wozu muss man ein Wort in der Zeile stauchen? Sowas macht man eigentlich im Drucksatz, wenn eine Silbentrennung unpraktikabel ist. Eine Webseite ist aber kein Druckstück. Je nach Displaygröße und Einstellungen des Benutzers hast du auf einer responsiven Seite ganz andere Positionen für den Umbruch. Da sind CSS Eigenschaften für Silbentrennung oder ­ Einfügungen für bedingte Trennstriche eventuell sinnvoller.

Rolf