Можно ли предотвратить разрывы строк между переносимыми словами в CSS?

Хотя CSS имеет word-break Чтобы лучше контролировать отображение длинных слов, возможно ли сделать обратное, сохранив дефисированные слова без принудительного разбиения на 2 отдельные строки?

CodePen Demo, чтобы лучше проиллюстрировать сценарий.

Источник

2 ответа

Решение

Вы пытались использовать "неразрывный дефис"? CSS не требуется. Это нормальная HTML-сущность.

Попробуй это ‑

Это пример

Sample‑text

Источник

Резюме Ваш вопрос гласит, что вы пытаетесь отменить разрыв слов, но вместо этого хотите заменить его дефисами. следующее должно помочь

Если это не то, что вы хотели, я прошу прощения за то, что это читается мне.

Попробуйте это

.myClass{
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}

Обратите внимание, что если в слове есть дефис, он все равно вернет его

Чтобы избежать возврата каретного слова через дефис и сделать его равным 1 слову, тогда это будет с помощью javascript, вам нужно будет изменить текст "-" на HTML-сущность, что и предлагал другой человек.

Источник
Другие вопросы по тегам