0

word-break:break-word 不支持 edge，ie 和 firefox。如果空间存在，我需要css来打破这个空间，但如果空间不存在，直接打破这个词（检查chrome或safari中的小提琴）。由于 MS edge 、IE 和 Firefox 不支持断词，我不得不使用 break-all 但即使句子中存在空格，它也会破坏中间的单词。

有没有我可以在这里使用的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中的解决方案 指出标签应具有固定宽度，但在这种情况下，标签的宽度会有所不同，它可以是屏幕宽度的 200 像素。因此，如果屏幕尺寸更大，则标签的宽度会更大，反之亦然。

4

1 回答 1

0

请检查此代码，它正在工作。

.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-16T12:58:34.450 回答