大佬教程收集整理的这篇文章主要介绍了html – 如何模仿分词:破解词;适用于IE9,IE11和Firefox,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
它似乎适用于Chrome.我已经了解并理解它只是一个非标准的webkit.
仅供参考,我尝试过使用,
white-space: pre-wrap;
而更像是,
overflow-wrap: break-word;
还尝试了下面提到的CSS,
word-wrap: break-word; word-break: break-word;
但这些似乎不起作用.
这是代码的外观,
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.
也更新了代码.
word-break: break-word; word-wrap: break-word;
在我的问题情况下,我已经在使用:
display: table-cell;
我最终不得不包括在内
@H_177_6@max-width: 440px;在所有浏览器中包装.在大多数情况下,最大宽度不是必需的.
以上是大佬教程为你收集整理的html – 如何模仿分词:破解词;适用于IE9,IE11和Firefox全部内容,希望文章能够帮你解决html – 如何模仿分词:破解词;适用于IE9,IE11和Firefox所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。