Вопрос:

Word Chrome выпуск Chrome

css word-wrap word-break

469 просмотра

2 ответа

6 Репутация автора

У меня есть слово, содержащее «-» (предварительная балансировка), которое я не хочу разделять на две строки.

В Google Chrome Слово делится на две строки:

something something something pre-
balancing

и я хочу, чтобы это было:

something something something pre-balancing

или же:

something something something
pre-balancing

Для других слов, которые не имеют "-", отлично работает. У меня есть эта проблема только для браузера Chrome. Во всех других браузерах, которые я тестировал, похоже, работает нормально.

Может ли кто-нибудь помочь мне с этим?

Автор: Pass Источник Размещён: 06.04.2017 02:43

Ответы (2)


4 плюса

80072 Репутация автора

‑Вместо этого используйте неразрывный дефис html.

Автор: Paulie_D Размещён: 06.04.2017 02:54

1 плюс

4997 Репутация автора

Оберните <span>тег вокруг длинного слова, которое содержит дефис. И применить CSS, как показано ниже.

<p>something <span class="nowrap">pre-balancing<span> something something something</p>

.nowrap {
    white-space: nowrap;
}

Или используйте неразрывные дефисы в HTML: &#x2011;или &#8209; (хотя я предпочитаю CSS)

Автор: Captain Ron Размещён: 06.04.2017 03:00
Вопросы из категории :
32x32