Что такое break word
word break — (also word division) n. Printing a point at which a word is split between two lines of text by means of a hyphen * * * ˈword break [word break] (also ˈword division) … Useful english dictionary
word break — (also word division) noun Printing a point at which a word is split between two lines of text by means of a hyphen … English new terms dictionary
Word break — Деление слова (для переноса); Деление слова … Краткий толковый словарь по полиграфии
Word break point — Место разделения слова (для переноса); Место разделения слова … Краткий толковый словарь по полиграфии
break — break1 W1S1 [breık] v past tense broke [brəuk US brouk] past participle broken [ˈbrəukən US ˈbrou ] ▬▬▬▬▬▬▬ 1¦(separate into pieces)¦ 2¦(bones)¦ 3¦(machines)¦ 4¦(rules/laws)¦ 5¦(promise/agreement)¦ 6¦(stop/rest)¦ 7¦(end something)¦ … Dictionary of contemporary English
Break (music) — For other uses, see Break (disambiguation). Breakdown (music) redirects here. For other uses, see Breakdown (disambiguation). In popular music, a break is an instrumental or percussion section or interlude during a song derived from or related to … Wikipedia
word division — noun division of a word especially at the end of a line on a page • Syn: ↑hyphenation • Derivationally related forms: ↑hyphenate (for: ↑hyphenation) • Hypernyms: ↑division … Useful english dictionary
Word wrap — or line wrap is the feature, supported by most text editors, word processors, and web browsers, of automatically replacing some of the blank spaces between words by line breaks, such that each line fits in the viewable window, allowing text to be … Wikipedia
break one's word — To renege on a promise. * /When Jake broke his word that he would marry Sarah, she became very depressed./ … Dictionary of American idioms
break one's word — To renege on a promise. * /When Jake broke his word that he would marry Sarah, she became very depressed./ … Dictionary of American idioms
Break — (br[=a]k), v. t. [imp. (br[=o]k), (Obs. ); p. p. (br[=o] k n), (Obs. ); p. pr. & vb. n. .] [OE. breken, AS. brecan; akin to OS. brekan, D. breken, OHG. brehhan, G. brechen, Icel. braka to creak, Sw. braka … The Collaborative International Dictionary of English
Веб-пространство построено на контенте, а контент состоит из слов, и возможно из очень длинных. Всем « участникам » всемирной паутины рано или поздно приходится иметь дело с длинными словами:
Каждый день в сети я встречаю практически все виды дефектов отображения, связанных с длинными словами – « сломанные » макеты, обрезку слов и ситуацию, которая приведена на изображении выше.
Переносы
Поддержка браузерами: CSS -переносы поддерживаются во всех популярных браузерах, за исключением браузеров, реализованных на основе движка Blink ( Chrome, Opera, Android ). Здесь описаны все распространенные ошибки в Chrome . Я также протестировал Safari 5.1 под Windows , в котором переносы поддерживаются, но для моих тестовых слов все они добавлялись не в тех местах, в которых нужно.
Кроме этого, переносы во многом зависят от правил языка. Вам нужно определить атрибут lang в родительском элементе. Также нужно помнить, что другие языки, кроме английского , поддерживаются в браузерах на весьма низком уровне.
Вы также можете использовать библиотеку JavaScript , такую как Hyphenator.js , которая работает со многими языками и многими браузерами. Недостатком этого решения является то, что вам нужно будет загружать много дополнительных скриптов JavaScript , что может существенно снизить производительность.
word-break
Так как не все браузеры полностью поддерживают перенос слов, давайте попробуем это свойство CSS , которое указывает, следует ли разрывать строки внутри слов:
Поддержка браузерами: Свойство CSS word-break поддерживается во всех браузерах , за исключением Opera Mini и старых браузеров Opera на основе Presto .
Overflow-wrap
Поддержка браузерами: Свойство CSS word-wrap поддерживается во всех браузерах . В некоторых из них для нормальной работы требуется указывать унаследованное имя word-wrap (а не overflow-wrap ).
Эллипсис
Поддержка браузерами: Text-overflow поддерживается во всех основных браузерах .
На первый взгляд кажется, что этот метод неплохо справляется с нашей проблемой, но он имеет ряд недостатков. Прежде всего, он будет обрезать любой текст, занимающий более одной строки, даже если вы использовали короткие слова, и они прекрасно разместились бы в нескольких строках. Кроме этого слова могут обрезаться так, что исходное слово будет приобретать другое значение.
Заключение
В интернете можно найти и такое решение :
Хотя это прекрасно работает в большинстве случаев, я выяснил, что в Firefox перенос не будет работать ( хотя он и поддерживается ) в сочетании с word-break . Как и word-break , это свойство не поддерживается, и не будет работать в Opera Mini .
В то же время overflow-wrap прекрасно поддерживается браузерами. Я протестировал следующее решение, используя overflow-wrap и перенос.
Окончательное решение
Читайте также: