loader

Cвойство overflow-wrap управляет переносом слов, которые не помещаются по длине в родительский элемент. Попробуй изменить размер третьего блока (anywhere) и поставить значение меньше 200px чтобы увидеть как работает anywhere.

overflow-wrap հատկությունը վերահսկում է այն բառերի տողադարձը, որոնք չեն տեղավորվում իրենց մայր տարրի տարածության մեջ: Փորձեք փոխել երրորդ տուփի չափերը (anywhere) և դրեք այն 200px-ից պակաս՝ տեսնելու, թե ինչպես է աշխատում anywhere-ը:

Синтаксис

Գրելաձև

overflow-wrap: normal; ⟿ Длинные слова не переносятся.
overflow-wrap: break-word; ⟿ Слово разбивается если не помещается в размеры.
overflow-wrap: anywhere; ⟿ Слово разбивается везде если не помещается в размеры.
overflow-wrap: normal; ⟿ Երկար բառերը չեն տեղափոխվում հայորդ տող.
overflow-wrap: break-word; ⟿ Խոսքը տեղափոխվում է հայորդ տող, եթե չափերի մեջ չի տեղավորվում.
overflow-wrap: anywhere; ⟿ Խոսքը տեղափոխվում է ամենուր, եթե չափերի մեջ չի տեղավորվում.

Пример

Օրինակ

See the Pen overflow-wrap by Erik Egnatosyan (@SansaciaCodenyx) on CodePen.

⇓Результат данного примера показан на рисунке⇓

⇓Այս օրինակի արդյունքը ցույց է տրված նկարում⇓

wbr image

Также у тега overflow есть следующие под. теги

Поддержка браузера дляԲրաուզերի աջակցությունը overflow-wrap элемента տարրին
Browser IE Edge Chrome Firefox Safari Opera
Version 6+ 18+ 23+ 49+ 6.1+ 12.1+
Notes