×

Отключить перенос слов wordpress

css отключить перенос слов wordpress
Инструкции

Отключить перенос слов wordpress

Для того, чтобы исправить ситуацию нужно отредактировать файл «style.css», который находится в каталоге вашей темы. В этом файле найдите отвечающий за переносы параметр «hyphens» и поменяйте его значение. Лично я хотел отключить переносы и поставил значение «none».

.entry-content {
-webkit-hyphens: none;
-moz-hyphens:    none;
-ms-hyphens:     none;
hyphens:         none;
word-wrap: break-word;
}

Более глубже:

Указанные ниже свойства 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>

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

b2 Отключить перенос слов wordpress

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

Share this content:

Метка

Еще по теме