如何模仿word-break: break-word;IE9,IE11和Firefox?
它似乎适用于Chrome.我已经了解并理解它只是一个非标准的webkit.
仅供参考,我尝试过使用,
white-space: pre-wrap;
Run Code Online (Sandbox Code Playgroud)
而更像是,
overflow-wrap: break-word;
Run Code Online (Sandbox Code Playgroud)
还尝试了下面提到的CSS,
word-wrap: break-word;
word-break: break-word;
Run Code Online (Sandbox Code Playgroud)
但这些似乎不起作用.
我无法通过
display: block;明确表示跨度(包含文本)来提供固定宽度,因为文本是动态的,并且会根据用户的地理位置而有所不同.目前我们支持大约18种语言.
这是代码的外观,
HTML,
<div id="grid2">
<span id="theSpan">Product Support</span>
</div>
Run Code Online (Sandbox Code Playgroud)
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;
}
Run Code Online (Sandbox Code Playgroud)
看起来像这样,
我希望它像,
请注意:
我必须使用word-break: break-all;某些语言,翻译后的文本太长并且溢出网格."产品支持"一词是动态的.
更新:
我有一个固定宽度的div与id,grid2.在其中一种语言中,翻译的文本太长,它是一个单词,它流出grid2 div.
也更新了代码.
我尝试了其中几个,
\nconst obj = {\n \'`\' : 1,\n \'@\' : 2,\n \'^\' : 3,\n \'-\' : 4,\n \'?\' : 5,\n \']\' : 6,\n \'*\' : 8,\n \')\' : 9,\n \'/\' : 10,\n \'>\' : 11,\n \'\xe3\x83\xab\': 12\n}\n\nconsole.log(obj); //{ \'`\': 1,\xe2\x80\x88\'@\': 2,\xe2\x80\x88\'^\': 3,\'-\': 4,\xe2\x80\x88\'?\': 5,\xe2\x80\x88\']\': 6,\xe2\x80\x88\'*\': 8,\xe2\x80\x88\')\': 9,\xe2\x80\x88\'/\': 10,\xe2\x80\x88\'>\': 11, \'\xe3\x83\xab\': 12}\nRun Code Online (Sandbox Code Playgroud)\n所以我的问题是,可以作为 JavaScript 对象中的键的字符超集(单独而不是它们的组合,这显然是愚蠢的)是什么?
\n已编辑 ---- \n绝对不是重复的!不知道为什么它仍然如此标记!\n我已经有人将 JSON 与 JavaScript 对象进行比较,并从中得出答案。\n我确实理解JSON 键名称中哪些字符有效/无效?有一些很好的见解。
\n但是要讨论 JSON 和 JavaScript“键”之间的比较是否允许或禁止一些事情,纯粹是记住这些键是否允许输入,那么null、undefined怎么样?
\n我没有深入了解它们如何在内部强制并作为键插入,或者在使用方括号[ …
在Node Js route.js中,当用户尝试打开时
app.use('/demo1', require('express').static(__dirname + '/demo1'));
然后我想重定向到
app.use('/demo2', require('express').static(__dirname + '/demo2'));
喜欢在浏览器中用户输入 http:// locahhost:5010/demo1这个URL
但它会打开 http:// locahhost:5010/demo2这个URL