html – 如何模仿分词：破解词;适用于IE9,IE11和Firefox

概述如何模仿断言：断言;对于IE9,IE11和Firefox？ 它似乎适用于Chrome.我已经了解并理解它只是一个非标准的webkit. 仅供参考,我尝试过使用, white-space: pre-wrap; 而更像是, overflow-wrap: break-word; 还尝试了下面提到的CSS, word-wrap: break-word; word-break: break-word; 如何模仿断言：断言;对于IE9,IE11和firefox？

它似乎适用于Chrome.我已经了解并理解它只是一个非标准的webkit.

仅供参考,我尝试过使用,

white-space: pre-wrap;

而更像是,

overflow-wrap: break-word;

还尝试了下面提到的CSS,

word-wrap:  break-word; word-break: break-word;

但这些似乎不起作用.

I can’t provIDe fixed wIDth to the span(which contains the text) by making it display: block; explicitly as the text is dynamic and will differ according to the user’s Geo-location. Currently we support around 18 languages.

这是代码的外观,

HTML,

<div ID="grID2">     <span ID="theSpan">Product Support</span></div>

CSS,

#theSpan{   white-space: pre-wrap;      /* CSS3 */      white-space: -moz-pre-wrap; /* firefox */       white-space: -pre-wrap;     /* Opera 7 */      white-space: -o-pre-wrap;   /* Opera 7 */       word-wrap: break-word;      /* IE */   word-break: break-all;}#grID2{   wIDth: 100px;}

看起来像这样,

我希望它像,

请注意：
我不得不使用word-break：break-all;至于某些语言,翻译后的文本太长而且溢出了网格. “产品支持”一词是动态的.

更新：
我有一个固定宽度的div,ID为grID2.在其中一种语言中,翻译的文本太长,它是一个单词,它流出grID2 div.

也更新了代码.

@R_502_6120@ 我在Chrome,firefox和IE上取得了很好的成功,仅使用：

word-break: break-word;word-wrap: break-word;

在我的问题情况下,我已经在使用：

display: table-cell;

我最终不得不包括在内

max-wIDth: 440px;

在所有浏览器中包装.在大多数情况下,最大宽度不是必需的.

总结

以上是内存溢出为你收集整理的html – 如何模仿分词：破解词;适用于IE9,IE11和Firefox全部内容，希望文章能够帮你解决html – 如何模仿分词：破解词;适用于IE9,IE11和Firefox所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。