В этой статье речь пойдёт о переносах слов по слогам, с помощью дефисов. Когда переносы выключены, слова пишутся с новой строки, если не вмещаются в текущую.
Содержание
Как работают автоматические переносы
Автоматические переносы на мобильных устройствах
Автоматические переносы в десктопной версии
Отключение автоматических переносов
Как работают автоматические переносы
Правила переноса текста зависят от языка. В HTML язык определяется атрибутом lang. Браузер переносит слова по слогам только если соблюдены 2 условия:
1. Атрибут lang присутствует в коде страницы.
2. Доступен соответствующий словарь переносов.
Язык можно установить как для всего сайта (средствами CMS), так и для каждой страницы в отдельности.
Автоматические переносы на мобильных устройствах
На узких экранах, для текстовых элементов, созданных в Setka Editor, по умолчанию добавляется CSS-свойство hyphens: auto. Таким образом, в мобильной версии статьи, автоматически включаются переносы.
Автоматические переносы в десктопной версии
По умолчанию, автоматические переносы отключены для десктопной версии сайта. Чтобы активировать их на своём сайте:
1. Убедитесь, что в шаблоне страницы есть элемент lang со значением, соответствующим языку страницы.
2. Добавьте в стили вашего сайта (в шаблоне страницы) код:
.stk-reset {hyphens: auto;}Подробная инструкция по настройке автоматических переносов на стороне CMS
Отключение автоматических переносов
Иногда автоматические переносы не отвечают дизайн-идее поста. Для таких случаев их можно отключить средствами Setka Editor.
В конкретном посте
Чтобы отключить переносы для отдельного поста:
1. Перейдите в редакторе во вкладку Пост.
2. Откройте дополнительное меню кнопкой ▼.
3. В поле Добавить CSS пропишите следующий код:
-webkit-hyphens: manual; hyphens: manual;
Во всех постах
Чтобы отключить переносы во всех постах, созданных в Setka Editor, пропишите следующее свойство в CSS стиля в личном кабинете:
.stk-reset {
-webkit-hyphens: manual;
hyphens: manual;
}
Неразрывные пробелы
Если 2 слова разделены неразрывным пробелом, они принудительно остаются в одной строке. Таким образом, неразрывный пробел позволяет запретить перенос слова на следующую строку.
Чтобы добавить неразрывный пробел используйте сочетания клавиш:
- Для Mac OS — ALT+SPACE
- Для Windows — CTRL+SHIFT+SPACE.
Примечание: чтобы автоматически расставить все неразрывные пробелы в тексте, в соответствии с правилами типографики, используйте встроенный типограф.