форматирование текста
Страница 1 из 1
форматирование текста
Форматируем текст.
Переносы:
1 <wbr>
перенос слова при необходимости. Для длинных слов
вставляем <wbr> там где необходим перенос(разрыв слова без дефиса) .
пример:высокотехноло<wbr>гичный.
2 ­
спецсимвол "мягкий перенос"- аналог <wbr> ,но добавляет дефис.
3 word-break
- свойство CSS со значением break-all ,разрывает любые слова селектора и в любом месте без дефиса . ....{word-break: break-all;}.
4 hyphens
свойство для автоматического добавления переносов Его действие основано на встроенном в браузере словаре переносов в IE10, Firefox, Android и iOS, для тега <html> (или к <div> или к< p>)добавляем атрибут lang со значением ru .... <p lang="ru"> CSS p{ hyphens: auto}
5
добавляет пробел и запрещает перенос в этом месте.
6 С помощью тега <pre> или
в css white-space,
значения которого:
nowrap — отображает весь текст одной строкой без переносов;
pre — сохраняет пробелы и переносы как в исходном коде аналогично тегу <pre>;
pre-wrap — работает как значение pre, но добавляет автоматические переносы, если текст не помещается в контейнер;
normal — режим по умолчанию
7 вертикальный ритм улучшает восприятие текста.
Чтобы сохранить вертикальный ритм и хорошую читабельность текста при любом размере шрифта, нужно задавать размеры шрифта, межстрочный интервал и вертикальные отступы между заголовками и абзацами в относительных единицах.
Переносы:
1 <wbr>
перенос слова при необходимости. Для длинных слов
вставляем <wbr> там где необходим перенос(разрыв слова без дефиса) .
пример:высокотехноло<wbr>гичный.
2 ­
спецсимвол "мягкий перенос"- аналог <wbr> ,но добавляет дефис.
3 word-break
- свойство CSS со значением break-all ,разрывает любые слова селектора и в любом месте без дефиса . ....{word-break: break-all;}.
4 hyphens
свойство для автоматического добавления переносов Его действие основано на встроенном в браузере словаре переносов в IE10, Firefox, Android и iOS, для тега <html> (или к <div> или к< p>)добавляем атрибут lang со значением ru .... <p lang="ru"> CSS p{ hyphens: auto}
5
добавляет пробел и запрещает перенос в этом месте.
6 С помощью тега <pre> или
в css white-space,
значения которого:
nowrap — отображает весь текст одной строкой без переносов;
pre — сохраняет пробелы и переносы как в исходном коде аналогично тегу <pre>;
pre-wrap — работает как значение pre, но добавляет автоматические переносы, если текст не помещается в контейнер;
normal — режим по умолчанию
7 вертикальный ритм улучшает восприятие текста.
Чтобы сохранить вертикальный ритм и хорошую читабельность текста при любом размере шрифта, нужно задавать размеры шрифта, межстрочный интервал и вертикальные отступы между заголовками и абзацами в относительных единицах.
- Вложенные файлы
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения
|
|