HTML без разрыва строки в дефисах

Итак, у меня есть текст e-commerce, и я не хочу, чтобы строка обернулась в тире.
Как ограничить обертку для этой текстовой строки?

Ответы

Ответ 1

Используйте неразрывную дефис: ‑

Ответ 2

Вы можете использовать CSS: white-space: nowrap;.

Пример: оберните текст в диапазоне с помощью этого объявления CSS.

<span style="white-space: nowrap;">e-commerce</span>

Ответ 3

Оберните его тегом <nobr>…</nobr> или, если вы позаботитесь о действительности своего HTML, установите стиль white-space: nowrap;.

Ответ 4

Существует этот неразрывный дефис (скопируйте и вставьте его): ‑ или используйте &#8209; или &#x2011;

Обратите внимание, что это единственный символ "Юникод", который объединяет следующие характеристики:

  • предварительно составлен (вы можете сделать что-либо, не разбивающееся по композиции)
  • не разбивается
  • - это дефис или тире или аналогичный


Использование word joiner, представленное &#8288; или &#x2060;, позволяет использовать другие дефисы. Результаты:

e‐⁠commerce (hyphen followed by word joiner)
e‑⁠commerce (ASCII hyphen/minus followed by word joiner)
... и предопределенный для ссылки:
электронная коммерция (неразрушающий дефис)

http://jsfiddle.net/NR5Ch/58/ (в этой скрипте показан эффект слова joiner)