Использовать CSS свойства: overflow
, text-overflow
, word-wrap
, white-space
.
Свойство overflow
: позволяет управлять отображением контента, который выходит за пределы блока.
Основные значения:
visible
(по умолчанию): контент отображается за пределами блока.hidden
: контент обрезается и скрывается за пределами блока.scroll
: добавляет скроллбар, позволяя прокручивать контент. Всегда добавляет оба скроллбара (горизонтальный и вертикальный), даже если один не нужен.auto
: добавляет скроллбар только при необходимости.css
Свойство text-overflow
: указывает, как отображать текст, который не помещается в блок с overflow: hidden
.
Значения:
clip
(по умолчанию): текст обрезается.ellipsis
: обрезает текст и отображает многоточие (...) в конце.Используется в сочетании с white-space: nowrap
и overflow: hidden
.
css
Свойство word-wrap
(или overflow-wrap
): определяет, может ли браузер переносить длинные слова на новую строку, если они не помещаются в контейнере.
Значения:
normal
(по умолчанию): слова переносятся только в стандартных точках переноса (пробелы, дефисы).break-word
: слова могут быть разИспользовать CSS свойства: overflow
, text-overflow
, word-wrap
, white-space
.
Свойство overflow
: позволяет управлять отображением контента, который выходит за пределы блока.
Основные значения:
visible
(по умолчанию): контент отображается за пределами блока.hidden
: контент обрезается и скрывается за пределами блока.scroll
: добавляет скроллбар, позволяя прокручивать контент. Всегда добавляет оба скроллбара (горизонтальный и вертикальный), даже если один не нужен.auto
: добавляет скроллбар только при необходимости.css
Свойство text-overflow
: указывает, как отображать текст, который не помещается в блок с overflow: hidden
.
Значения:
clip
(по умолчанию): текст обрезается.ellipsis
: обрезает текст и отображает многоточие (...) в конце.Используется в сочетании с white-space: nowrap
и overflow: hidden
.
css
Свойство word-wrap
(или overflow-wrap
): определяет, может ли браузер переносить длинные слова на новую строку, если они не помещаются в контейнере.
Значения:
normal
(по умолчанию): слова переносятся только в стандартных точках переноса (пробелы, дефисы).break-word
: слова могут быть разЗарегистрируйтесь или войдите, чтобы получить доступ к полным ответам на все вопросы из банка вопросов.