Метод использования и примеры атрибута word-wrap CSS3

Атрибут word-wrap CSS определяет, чтобы предотвратить переполнение, позволяет длинному содержимому автоматически переноситься на новую строку.

Таблица ниже предоставляет описание использования и историю версий этого атрибута, а также его использование в скриптах JavaScript.

Использование грамматики word-wrap

Грамматика этого атрибута такая:

word-wrap:　normal　|　break-word　|　initial　|　inherit

Ниже приведен пример того, как использовать атрибут word-wrap.

　　p　{
　　　width:　200px;
　　　background:　#90ee90;
　　　word-wrap:　break-word;
　　}

Значения атрибута

Таблица ниже описывает значения этого атрибута.

Совместимость браузеров

Совместимость браузеров с атрибутом word-wrap, числа в таблице представляют собой минимальную версию браузера, поддерживающего этот атрибут; все основные браузеры поддерживают этот атрибут.

Дополнительное чтение

Пожалуйста, обратитесь к следующим учебникам:CSS Text.

Связанные атрибуты:word-break,white-space,text-overflow.