2016-09-22 13 views
5

Próbuję złamać słowo oparciu o przecinki zamiast spacjiCSS Przerwa Słowo na przecinkami

Widziałem rozwiązań, które obejmują dodanie znacznika <wbr> do HTML, jednak do dynamicznej informacji teraz muszę inny skrypt wstawić go do tekstu HTML i jeśli użytkownik nie ma włączonej obsługi JS, nie robi mi to zbyt dobrze.

Jak na razie używam kombinacji:

white-space: break-word; 
word-break: break-all; 

Działa jako OK rozwiązania, jednak oba te rozwiązania znalazłem (https://stackoverflow.com/a/15137272/1887101; break long-no-spaces-lines on commas, dots, hyphens or other special chars) ponad 3 lat - tak Zastanawiam się, czy są dostępne nowsze rozwiązania tego problemu?

Przykładowe wyrażenie:

C31C636363-Thermal 80mm, ReStick Serial A/C PSIncluded EDG

przerwa próbki:

C31C636363-Thermal 80mm , ReStick,

Szeregowy, A/C, PSIncluded, EDG

+0

Możesz wypróbować słowo-zawijanie: słowo-przerwę; Może lub nie może działać dla ciebie. – Illdapt

+0

AFAIK łamanie przestrzeni jest podłączony przewodowo, gdzie "spacje" obejmują miejsca o zerowej szerokości. Czy możesz podać przykład ciągu znaków z przecinkami i jak chciałbyś, żeby się zepsuł? Oto [prawdopodobnie odpowiedni wpis] (http://stackoverflow.com/questions/12574538/why-doesnt-break-word-work-on-a-long-string- with-commas). –

+0

@torazaburo dodał przykład. Nie ma innych przestrzeni o zerowej szerokości ani niczego dodanego do niego, tylko prosty ciąg z przecinkami. – Adjit

Odpowiedz

4

Próbuję złamać słowo oparciu o przecinki zamiast spacji

Nie możesz. CSS tego nie obsługuje. Przełamywanie miejsc jest trudne.

Nie masz wyboru, musisz użyć JS do wstępnego przetworzenia treści, aby wstawić spacje o zerowej szerokości po przecinkach, a może po stronie serwera.

+0

Tak, chyba. Mam na myśli prawdę, prawdopodobnie mogę to osiągnąć za pomocą jednego linijkowego wyrażenia regularnego, aby dodać przestrzeń, teraz o tym myśląc. Dla limitów ciągów db tworzone przez nas opisy produktów nie zawierają spacji ... po prostu przecinki, więc gdyby było dla nich dobre rozwiązanie CSS, byłoby niesamowite. – Adjit