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