fbpx
Выбрать страницу

Указанные ниже свойства CSS опре­де­ля­ют как пере­но­сить длинные слова:

  1. только там, где стоит чёрточка, пробел или Enter (искл., нераз­рыв­ный пробел &nbsp; и нераз­рыв­ный дефис &#8209;). Между частями одного слова пишется дефис (например, красно-жёлтый), между словами — тире. “Мягкий дефис” &shy; про­яв­ля­ет­ся только при необ­хо­ди­мо­сти переноса. Если слово выходит за рамки родителя, то <wbr> или &#8203; переносит его часть без чёрточки. В мате­ма­ти­че­ских выра­же­ни­ях исполь­зу­ет­ся минус (например, 5 − 2). В номерах телефонов отоб­ра­жа­ет­ся цифровая чёрта (например, +7 800 000‒00‒00). И всё это не является той знакомой -, что есть на клавиатуре.
  2. после любого символа.
  3. согласно правилам русского языка с авто­ма­ти­че­ским при­ме­не­ни­ем дефиса.
overflow-wrap  
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>

Что бы узнать класс смотрим правой кнопкой мыши на сайте в браузере, посмотреть код/исследовать элемент в зависимости от вашего браузера

отключить перенос слов word press

Находите наименование класса и вставляете в редакторе 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