|
|||
Zeilenumbrauch bei langen Strings
Hallo,
ich habe teilweise folgende Einträge: 89/123/456/833/243/243/234/234/234/233/434/334/343/434 Hier gibt es nun das Problem, dass teilweise kein Zeilenumbruch stattfindet. Manche Browser brechen bei einem / um andere nicht. Gerade beim Smartphone ist das ein Problem. Gibt es hierfür eine Lösung? Mit word-wrap:break-word habe ich es schon probiert, aber das funktioniert nicht. Gruß Andreas |
Sponsored Links |
|
|||
Welche brechen denn um und welche brechen nicht um?
Hast du eventuell noch white-space zusätzlich bei den Elementen gesetzt? |
Sponsored Links |
|
|||
Zitat:
Zitat:
Der Chrome am PC bricht auch nicht um. Gruß Andreas Geändert von AndreasB. (12.12.2018 um 11:18 Uhr) |
|
|||
word-wrap: break-word; in Kombination mit white-space: nowrap; bricht nicht um, hier muss white-space: normal; gesetzt sein (normal sollte aber auch der normale zustand sein)
Hast du vielleicht die Breite des Elements irgendwie fix angegeben? Das kann eventuell auch eine Ursache sein: Die Breite wird dann in Browser X falsch berechnet und der Text dann deshalb nicht umgebrochen. Ist das Element ein flex-Element? (Parent mit display: flex definiert)? Es kann auch sein, dass nur display: inline-block; (oder display: block) für das Element fehlt. Wenn du einen Beispiel-Link, bzw. einen Beispielcode hast, dann kann man dir hier gezielter helfen. |
|
|||
Wenn es erlaubt ist würde ich die Diskussion gerne wieder hierher zurück verlegen.
display: inline-block war notwendig damit word-wrap funktioniert, allerdings gibt es jetzt folgendes: Zitat:
Was genau ist hier denn der erwünschte Effekt? Für die anderen, hier ein vereinfachtes Codebeispiel: Code:
<td> <!-- innerhalb einer table, etc. --> Bisschen Text, Lorem Ipsum. <br> Mehr Text <br> 200/211/220/224/230/249/252/256/265/272/280/286/290/300/310 <br> Mehr Text <br> Nochmal langer Text 200/211/220/224/230/249/252/256/265/272/280/286/290/300/310 <br> etc. </td> |
|
|||
Zitat:
Das Wort "ist" wäre ja für eine Zeile nicht zu lang und hier sollte der Text ja ganz normal umgebrochen werden (bei Leerzeichen). Nur wenn ein zusammenhängender String (ohne Leerzeichen) zu lange ist, dann müsste der Umbruch Zeichenweise erfolgen. Oder eben Alternativ einen Umbruch am "/" machen. Ich habe es auch schon mit "," probiert, aber das geht auch nicht. Für den Umbruch muss ein Leerzeichen vorhanden sein. Gruß Andreas |
|
|||
Genau, für einen Umbruch muss ein Leerzeichen vorhanden sein. Oder eben mit word-break: break-word bei wirklich jedem Buchstaben umbrechen.
Du kannst natürlich deine langen Strings in einem separaten <span> ausgeben lassen und nur diesen per CSS break-word zuweisen. Das müsste auch funktionieren. |
|
|||
Nein, das geht leider nicht.
Das ist vor allem im deutschen Bereich (jetzt unabhängig von deinem Problem) ein Problem, der beim design oft nicht mitbedacht wird. Zusammengesetzte Wörter (die es im zb englischen so ja nicht gibt) können oft sehr lange werden und dann kommt oft die Frage wieso werden die "so komisch" dargestellt. Hier ist dann wirklich nur die Lösung, entweder das design anzupassen um auch längere Wörter zu erlauben, die Schriftgröße zu verringern oder eben das Wort "irgendwo" umbrechen zu lassen. Bzw eine Möglichkeit ist noch, Elemente die nicht umbrechen sollen, so in ein span zu packen: https://stackoverflow.com/questions/...r-a-line-break |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Normalisierung von natürlichsprachlichen Strings: Fertige Funktion | AndreasB | Serveradministration und serverseitige Scripte | 15 | 24.10.2010 12:48 |
Wie langen Text so anzeigen? | MarkusStar | Javascript & Ajax | 5 | 20.09.2010 12:58 |
PHP: Strings verbinden mit Hochkommata und ohne | overflow | Serveradministration und serverseitige Scripte | 5 | 02.03.2010 21:26 |
Suche PHP Funktion die URL Fähige Strings aus utf8 strings erzeugt | braindead | Serveradministration und serverseitige Scripte | 14 | 06.02.2009 22:38 |
Fixed Leiste verdeckt Sprungziel | steele | CSS | 4 | 26.10.2005 15:50 |