Как изменить CSS в карточке товара?

Question

[MrFox235]

Здравствуйте, у меня имеется карточки с товарами в интернет магазине. Я могу добавлять новый товар через конструктор, в котором имеется поле для ввода названия товара. Как мне сделать так что бы названия на карточке распологалось в три строчки с переносом в нужных для меня местах?
Как есть:


Как должно быть:


Кто знает как можно это реализовать?

Comments

[0xD34F]

Сократите количество тегов. Тег-спам тут запрещён (3.1).

Здравствуйте

Эту мерзость необходимо убрать. Употребление подобных выражений, не несущих информации о вашей проблеме, тут запрещено (3.4).

Также тут запрещено быть неграмотным (3.6):

имеется карточки

имеются карточки

сделать так что бы

сделать так, чтобы

Кроме того, не хотите получать бесполезные ответы - не задавайте дурацких вопросов:

Кто знает как можно это реализовать?

- Я знаю.
- А я не знаю.

Сильно вам такое поможет? То-то же.

[Ankhena]

Конкретно в этом случае вам, возможно, поможет неразрывный пробел после 10  . Но зависит от обработки этого поля, может вывести и прям кодом. Но не поможет для товаров с другим количеством символов.

Здоровое решение задачи описано в ответе alexalexes.
Т.е. нужно завести ещё поля и разделить сущности.

Дурацкий вариант: вставлять в текст какой-то разделитель, а при выводе превращать его в теги.

[Refguser]

Добавлю к сказанному 0xD34F -ом:
С картинками - к экстрасенсам. А докторам для лечения нужно видеть пациента живьём.

Answer 1

[alexalexes]

У вас проблема A/B - вы не понимаете, что у вас проблема в архитектуре хранения данных:
У вас не три строчки должно быть в названии для одной карточки товара, а четыре различных атрибута:
1. Название товара.
2. Категория товара.
3. Количество товара.
4. Единица измерения количества товара.
Собственно, эти атрибуты должны правиться и сохраняться различными полями как в форме редактирования, так и в базе.
На вывод карточки товара тоже нужно правильно считывать из базы атрибуты и править шаблон вывода этих атрибутов.

Реализуется перепроектировкой структуры базы данных и всех скриптов и шаблонов, кто использует атрибуты карточки товара.

Answer 2

[Михаил Ливач]

Если есть только строковое поле ввода, и html теги там недопустимы (или будут экранированы), то я не знаю, как такое можно реализовать. Это просто текст в контейнере, .слова перетекают с одной строчки на другую. То, что Вы, как человек, видите, как эти слова надо разбить по строчкам, для машины совершенно непонятно.
А если система доступна для доработки, то я бы ввёл дополнительные поля "Пояснение" и "Упаковка".