在IE，EDGE和firefox無法正常工作的情況下破除單詞

單詞破譯：break-word不支持在邊緣上，ie和firefox。我需要的css來打破這個詞，如果空間是存在的空間，但如果空間不存在，直接打破這個詞（檢查在鉻或Safari瀏覽器小提琴）。由於MS邊緣，IE和Firefox不支持分詞，所以我不得不使用分詞，但即使句子中出現空格，也會在中間打破單詞。在IE，EDGE和firefox無法正常工作的情況下破除單詞

有沒有辦法，我可以在這裏使用

這裏任何CSS是小提琴文本嘗試不同的瀏覽器，你會得到我得到

https://jsfiddle.net/emx9bL3y/7/

@supports (-ms-ime-align:auto) { 
.white-space-pre-wrap{ 
word-wrap:break-word!important; 
word-break:break-all!important; 
display:inline-block; 
} 
}

由於問題

Breaking words using CSS 的解決方案聲明labe我應該有一個固定的寬度，但在這種情況下，標籤的寬度會有所不同，它可以是200px到屏幕的寬度。所以如果屏幕尺寸較大，標籤的寬度將會變大或以其他方式。

來源

2017-03-16 Anurag.Desai

的[使用CSS打破的話]可能的複製（http://stackoverflow.com/questions/7370704/breaking-words-using-css） – TylerH

TylerH我不能添加寬度我解決方案，因爲我的文本標籤的寬度會有所不同。在這種情況下無法給出固定寬度 –

請檢查該代碼是否正常。

.word-breck { 
 
    width: 100%; 
 
    border: solid 1px #ccc; 
 
    word-wrap: break-word; 
 
}

<div class="word-breck"> <p>Itisalongestablishedfactthatareaderwillbedistractedbythereadablecontentofapagewhenlookingatitslayout.ThepointofusingLoremIpsumisthatithasamore-or-lessnormal.</p> 
 
</div>

來源

2017-03-16 12:58:34

它僅適用於Chrome和Safari，不適用於其他瀏覽器。需要修復邊緣，ie和firefox，因爲它們不支持break-word屬性 –

在IE，EDGE和firefox無法正常工作的情況下破除單詞

回答

相關問題