Перенос по целым словам в поле HTML документа

гуру

04.01.23

✎

09:54

Если делаю стиль
<pre style="word-wrap: break-word;">
то переносятся буквы, т.е. слова режутся в произвольных местах.
Хочу чтобы слова не резались. Как это сделать в поле HTML документа 1С?

Безуспешно пробовал
overflow-wrap: normal;
overflow-wrap: anywhere;
overflow-wrap: break-word;

1 тук-тук

04.01.23

✎

11:08

http://shpargalkablog.ru/2013/02/word-wrap.html

2 TormozIT

гуру

04.01.23

✎

11:15

(1) Спасибо. Я конечно читал документацию и пробовал то, что в частности написано по твоей ссылке. Но это мне не помогло.

3 mistеr

04.01.23

✎

12:15

Я как-то читал умную статью, сейчас уже не найду. Нужно какой-то доп. разметкой указать язык текста, чтобы браузер мог задействовать правила для этого языка и словари. В общем надо гуглить про правильным ключевым словам + chromium.

4 тук-тук

04.01.23

✎

13:16

(3) <html lang="ru-Ru"> </html>

5 TormozIT

гуру

04.01.23

✎

16:42

в элементе DIV все работает. Но в PRE срабатывает только перенос по символам.

6 mistеr

04.01.23

✎

16:45

(5) PRE означает preformatted. То есть о разбиении на строки заботится автор.
Это не баг, это фича! (c)

7 TormozIT

гуру

04.01.23

✎

16:54

(6) Ну я написал же в (0), что разбивка работает, но посимвольная. Это противоречит твоему "о разбиении на строки заботится автор"

8 Грю

04.01.23

✎

16:55

(0) У тебя какие-то другие стили перебивают твой стиль. Покажи пример. Есть ссылка на твою страницу?

9 mistеr

04.01.23

✎

17:04

(7) Не противоречит. Когда ты говоришь браузеру одновременно "не разбивай строки" и "переноси", приходится что-то выбирать. Он выбирает самое простое.

10 TormozIT

гуру

04.01.23

✎

17:17

(8) Полный текст

<HTML lang="ru-Ru"><HEAD><BODY><pre style="FONT-SIZE: 10pt; FONT-FAMILY: Courier New; color: #000000; word-wrap: normal;">Типы ДанныеФормыДерево и ДанныеФормыКоллекция перед сериализацией преобразуются в ДеревоЗначений и ТаблицаЗначений.
Типы ДанныеФормыДерево и ДанныеФормыКоллекция перед сериализацией преобразуются в ДеревоЗначений и ТаблицаЗначений.
Типы ДанныеФормыДерево и ДанныеФормыКоллекция перед сериализацией преобразуются в ДеревоЗначений и ТаблицаЗначений.
</BODY></HEAD></HTML>

11 TormozIT

гуру

04.01.23

✎

17:18

(9) Я говорю браузеру - разбивай строки, где явно указано и, если не уместилось, то по словам.

12 Asmody

04.01.23

✎

17:26

(5) убирай pre, делай div со своим оформлением

13 Грю

04.01.23

✎

17:34

(10) Этот пример ничего не переносит. Все работает нормально. Появляется полоса прокрутки, если текст не влезает. Ты что-то напутал, наверное.

14 TormozIT

гуру

04.01.23

✎

18:19

(13) Это пример того, что в PRE не работает "word-wrap: normal". Замени его на "word-wrap: break-word" и увидишь то, что работает - перенос по символам.

15 TormozIT

гуру

04.01.23

✎

18:20

(12) Цель не стОит таких сложностей. Меня интересует простое решение.

16 Грю

04.01.23

✎

18:26

(14) Чего-то все равно не хватает. Текст не переносится, просто длинные строки и полоса прокрутки, хоть с break-word, хоть с normal. Выложи в интернет пример, который действительно работает с ошибкой. Есть же специальные сайты для разбора ошибок в html

17 TormozIT

гуру

04.01.23

✎

18:58

(16) Ну как бы тут надо проверять не любом браузере, а в поле HTML приложения 1С. Там оно выглядит так
https://i.imgur.com/FFbVAWO.png

18 TormozIT

гуру

04.01.23

✎

19:00

А в браузере Firefox перенос по символам действительно не выполняется для всех значений атрибута "word-wrap". Но webKit 1Сный работает по-другому как видно в (17).

19 Грю

04.01.23

✎

19:25

Так там браузер в режиме совместимости с IE7 используется, очень древний. Попробуй добавь стиль white-space: pre-wrap;

20 TormozIT

гуру

04.01.23

✎

19:39

(19) Спасибо. Заработало!
<pre style="word-wrap: break-word; white-space: pre-wrap;">