Для того, чтобы исправить ситуацию нужно отредактировать файл «style.css», который находится в каталоге вашей темы. В этом файле найдите отвечающий за переносы параметр «hyphens» и поменяйте его значение. Лично я хотел отключить переносы и поставил значение «none».
.entry-content {
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
word-wrap: break-word;
}
Более глубже:
Указанные ниже свойства CSS определяют как переносить длинные слова:
- только там, где стоит чёрточка, пробел или Enter (искл., неразрывный пробел
и неразрывный дефис‑). Между частями одного слова пишется дефис (например, красно‐жёлтый), между словами — тире. «Мягкий дефис»­проявляется только при необходимости переноса. Если слово выходит за рамки родителя, то<wbr>или​переносит его часть без чёрточки. В математических выражениях используется минус (например, 5 − 2). В номерах телефонов отображается цифровая чёрта (например, +7 800 000‒00‒00). И всё это не является той знакомой -, что есть на клавиатуре. - после любого символа.
- согласно правилам русского языка с автоматическим применением дефиса.
overflow-wrap
word-wrap
word-break |
line-break | |
hyphens |
word-wrap
word-break |
line-break | |
hyphens |
<style>
.div {
overflow-wrap: normal; /* не поддерживает IE, Firefox; является копией word-wrap */
word-wrap: normal;
word-break: keep-all; /* не поддерживает Opera12.14, значение keep-all не поддерживается IE, Chrome */
line-break: normal; /* нет поддержки для русского языка */
-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; /* значение auto не поддерживается Chrome */
width: 50%;
}
</style>
Что бы узнать класс смотрим правой кнопкой мыши на сайте в браузере, посмотреть код/исследовать элемент в зависимости от вашего браузера
Находите наименование класса и вставляете в редакторе CSS вот такой код на каждый класс:
.class_name{
word-break:normal;
overflow-wrap: normal;
word-wrap: normal;
word-break: keep-all;
line-break: normal;
-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;
}
Вот тут смотрите подробнее:
http://shpargalkablog.ru/2013/02/word-wrap.html
