Итак, у меня есть текст e-commerce
, и я не хочу, чтобы строка обернулась в тире.
Как ограничить обертку для этой текстовой строки?
HTML без разрыва строки в дефисах
Ответ 1
Используйте неразрывную дефис: ‑
Ответ 2
Вы можете использовать CSS: white-space: nowrap;
.
Пример: оберните текст в диапазоне с помощью этого объявления CSS.
<span style="white-space: nowrap;">e-commerce</span>
Ответ 3
Оберните его тегом <nobr>…</nobr>
или, если вы позаботитесь о действительности своего HTML, установите стиль white-space: nowrap;
.
Ответ 4
Существует этот неразрывный дефис (скопируйте и вставьте его): ‑
или используйте ‑
или ‑
Обратите внимание, что это единственный символ "Юникод", который объединяет следующие характеристики:
- предварительно составлен (вы можете сделать что-либо, не разбивающееся по композиции)
- не разбивается
- - это дефис или тире или аналогичный
Использование word joiner, представленное ⁠
или ⁠
, позволяет использовать другие дефисы. Результаты:
e‐commerce (hyphen followed by word joiner)
e‑commerce (ASCII hyphen/minus followed by word joiner)
... и предопределенный для ссылки:
электронная коммерция (неразрушающий дефис)
http://jsfiddle.net/NR5Ch/58/ (в этой скрипте показан эффект слова joiner)