CSS Перерыв Слово на запятые

Я пытаюсь разбить слово, основываясь на запятые вместо пробеловCSS Перерыв Слово на запятые

Я видел решения, которые включают в себя добавление в <wbr> тега в HTML, однако, для динамической информации теперь нужен другой скрипт чтобы вставить его в текст HTML, и если у пользователя нет JS, это не делает мне много хорошего.

В настоящее время я использую комбинацию:

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

Он работает как ОК решение, однако, оба эти решения я нашел (https://stackoverflow.com/a/15137272/1887101; break long-no-spaces-lines on commas, dots, hyphens or other special chars) более 3-х лет - так Мне интересно, есть ли новые решения для этой проблемы?

Пример строки:

C31C636363-Тепловое, 80 мм, переклеивать, последовательный порт, A/C, PSIncluded, ЭДГ

Образец Перерыв:

C31C636363-Тепловое, 80мм , ReStick,

Последовательный, A/C, PSIncluded, EDG

источник

2016-09-22 Adjit

Вы можете попробовать 'word-wrap: break-word;' Может или может не работать для вас. – Illdapt

Вспышки AFAIK жестко связаны, где «пробелы» включают в себя такие вещи, как пространства с нулевой шириной. Можете ли вы привести пример строки с запятыми и как вы хотите ее сломать? Вот [возможно соответствующее сообщение] (http://stackoverflow.com/questions/12574538/why-doesnt-break-word-work-on-a-long-string-with-commas). –

@torazaburo добавил пример. Нет никаких других пространств нулевой ширины или чего-либо еще, добавленного к нему, просто простую строку с запятыми. – Adjit

Я пытаюсь разбить слово, основываясь на запятые вместо пробелов

Вы не можете. CSS не поддерживает это. Ломать по пространствам сложно.

У вас нет другого выбора, кроме как использовать JS для предварительной обработки вашего контента, чтобы, возможно, вставить пространства с нулевой шириной после запятых или, возможно, сделать это на стороне сервера.

источник

2016-09-22 18:23:57

Да, я думаю. Я имею в виду правдиво, я, вероятно, могу сделать это с помощью одного линейного регулярного выражения, чтобы просто добавить пространство, подумав об этом сейчас. Для ограничений строки db описания продуктов, которые мы создаем, не имеют пробелов ... просто запятые, поэтому, если бы было хорошее решение для CSS, это было бы потрясающе. – Adjit

CSS Перерыв Слово на запятые

ответ

Смежные вопросы