Задать вопрос
@Denys1203

Как бороться с тем, что в блоках товара, если длинное название, блоки плывут?

У меня есть блоки товара, в них если написать название телефона достаточно длинное, то один блок становится больше другого, на втором ряду вообще пропадает два первых товара, они переносятся на 3 ряд, а во втором только 3 товар есть :D
  • Вопрос задан
  • 146 просмотров
Подписаться 1 Простой 3 комментария
Решения вопроса 2
nedosekinstanislav
@nedosekinstanislav
Штирлиц как никогда был близок к провалу
Все просто)
63772ae3b7335855100140.png
.box {
    inline-size: 150px;
    overflow-wrap: break-word;
}

<div class="box">
    Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch
</div>
Ответ написан
Ещё можно обрезать текст и добавить многоточие.
Пример:
.example{
    width: 150px; /* Текст длиннее данной ширины будет обрезан */
    white-space: nowrap; /* Текст не переносится */
    overflow: hidden; /* Обрезаем всё за пределами блока */
    text-overflow: ellipsis;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы