Логотип YeaHub

База вопросов

Собеседования

Тренажёр

База ресурсов

Обучение

Навыки

Войти

Выбери, каким будет IT завтра — вместе c нами!

YeaHub — это полностью открытый проект, призванный объединить и улучшить IT-сферу. Наш исходный код доступен для просмотра на GitHub. Дизайн проекта также открыт для ознакомления в Figma.

© 2026 YeaHub

Документы

Медиа

Назад
Вопрос про CSS: css, overflow, text-overflow, white-space

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

Вопрос оценивает знание свойств CSS для управления переполнением.

Короткий ответ

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

Длинный ответ

Управлять переполнением можно с помощью нескольких CSS-свойств:

  • overflow управляет переполнением блока (например, visible, hidden, scroll, auto).

  • text-overflow управляет переполнением текста внутри блока с overflow: hidden и может использоваться для обрезки текста или добавления многоточия (например, ellipsis).

  • white-space определяет, как обрабатываются пробелы и переносы строк (например, nowrap предотвращает переносы). Для текста, который не помещается в одну строку, часто используется комбинация:

div {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

Это добавляет многоточие в конце строки, если текст превышает ширину блока.

Уровень

  • Рейтинг:

    2

  • Сложность:

    5

Навыки

  • CSS

    CSS

Ключевые слова

#css

#overflow

#text-overflow

#white-space

Подпишись на React Developer в телеграм