2017-04-06 32 views
1

我有一個詞,其中包含「 - 」(預平衡),我不會在兩行中分開。文字中斷Chrome問題

在谷歌Chrome詞有兩個線分爲:

something something something pre- 
balancing 

,我希望它是:

something something something pre-balancing 

或:

something something something 
pre-balancing 

對於換句話說這唐沒有「 - 」工作正常。 我只有Chrome瀏覽器纔有此問題。在我測試過的所有其他瀏覽器中似乎工作正常。

任何人都可以幫我解決這個問題嗎?

回答

3

改爲使用非斷開連字符‑ html實體。

1

將一個<span>標記纏繞在包含連字符的長詞上。並按如下所示應用CSS。

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

.nowrap { 
    white-space: nowrap; 
} 

或者使用HTML中的非斷裂連字符:&#x2011;&#8209; (雖然我更喜歡CSS)