css Переносиобрезкатекста

Posted 2021-05-13

/* Чтобы текст занимал одну строчку, но не выезжал за пределы родителя */
.parent {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Перенос текста, разбивает длинное слово чтобы влазло в родителя */
.text {
  word-break: break-word; /* нет в IE & Edge */
  overflow-wrap: break-word; /*  Тоже самое но норм поддержка */
}