Какие свойства CSS вы можете использовать для управления переполнением контента?

Question

Для управления переполнением можно использовать свойства overflow, text-overflow и white-space. Эти свойства позволяют скрывать, добавлять прокрутку или корректно обрезать содержимое.

YeaHub · Accepted Answer

Управлять переполнением можно с помощью нескольких CSS-свойств:overflow управляет переполнением блока (например, visible, hidden, scroll, auto).text-overflow управляет переполнением текста внутри блока с overflow: hidden и может использоваться для обрезки текста или добавления многоточия (например, ellipsis).white-space определяет, как обрабатываются пробелы и переносы строк (например, nowrap предотвращает переносы). Для текста, который не помещается в одну строку, часто используется комбинация:div {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}Это добавляет многоточие в конце строки, если текст превышает ширину блока.