Zusammenhalten einer Textfolge in einer Zeile

Lesezeit: 1 Minute

Gibt es eine Möglichkeit, eine Textzeichenfolge in einer Zeile zu halten, sodass, wenn die Div-Breite zu klein wird, die gesamte Zeichenfolge in die nächste Zeile fällt und nicht die Hälfte davon?

Beispiel:

"Industry Updates - 8th
 September 2013" 

oft passiert dies bei mobilen Browsern, während bei einer geringeren Breite die ideale Situation darin besteht, dass die gesamten Daten zusammen bleiben, was Folgendes ergibt:

"Industry Updates - 
 8th September 2013" 

Gibt es also ein Tag oder einen CSS-Trick, um dies zu erreichen? Vielen Dank

CSS

.nowrap {
    white-space: nowrap;
}

HTML

<span class="nowrap">Industry Updates -</span>
<span class="nowrap">8th September 2013</span>

Jedes Element mit white-space: nowrap bleibt auf einer Linie

  • Dies sollte die akzeptierte Antwort sein. Alles über CSS, ohne dass die ursprüngliche Zeichenfolge geändert werden muss.

    – Sunil Sandhu

    21. April 2017 um 17:59 Uhr

  • Tatsächlich ändern Sie in diesem Beispiel die ursprüngliche Zeichenfolge, da die Zeichenfolge gebrochen und in Tags eingeschlossen werden muss. Ein Problem bei der Verwendung des akzeptierten   Lösung ist, dass es in XHTML5 nicht validiert wird, obwohl es in Text/HTML HTML5 validieren sollte. Sie können dies umgehen, indem Sie die entsprechende Codierung (utf8) und   anstelle des   html-Entität oder Sie können die Hex-Variante der Entität   verwenden.

    – Obewan

    24. Juli 2018 um 20:09 Uhr

Benutzer-Avatar
thgaskell

Sie möchten in Ihrem HTML-Markup ein geschütztes Leerzeichen verwenden &nbsp; anstelle eines normalen Raums.

HTML

"Industry Updates - 8th&nbsp;September&nbsp;2013" 

1178730cookie-checkZusammenhalten einer Textfolge in einer Zeile

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy