2017-03-16 43 views
0

单词破译: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到屏幕的宽度。所以如果屏幕尺寸较大,标签的宽度将会变大或以其他方式。

+0

的[使用CSS打破的话]可能的复制(http://stackoverflow.com/questions/7370704/breaking-words-using-css) – TylerH

+0

TylerH我不能添加宽度我解决方案,因为我的文本标签的宽度会有所不同。在这种情况下无法给出固定宽度 –

回答

0

请检查该代码是否正常。

.word-breck { 
 
    width: 100%; 
 
    border: solid 1px #ccc; 
 
    word-wrap: break-word; 
 
}
<div class="word-breck"> <p>Itisalongestablishedfactthatareaderwillbedistractedbythereadablecontentofapagewhenlookingatitslayout.ThepointofusingLoremIpsumisthatithasamore-or-lessnormal.</p> 
 
</div>

+0

它仅适用于Chrome和Safari,不适用于其他浏览器。需要修复边缘,ie和firefox,因为它们不支持break-word属性 –

相关问题