div中文换行英文不换行的解决方法

2015/04/21 36251
问题：在一个width=100px的div块里输中文到了100px会自动换行，英文却会不断加大width像素（不会换行）,这是怎么回事？
答案：打英文的时候肯定是连打了,正确的英文单词之间一定有空格, 一但有空格就会换行!!
问题：如何实现不管是否是单词，都会强制换行！
回答：div加上word-break:break-all;样式。但是ie下可以，ff下不可以。

问题:如何在ie和ff下都可以
回答:结合xml

Xml代码，请使用工具条复制代码
view sourceprintabout
01
.wordwrap
02
    {
03
        word-wrap:break-word;
04
        word-break:break-all;
05
        -moz-binding: url('../../JavaScript/wordwrap.xml#wordwrap');//这里的路径自己安排！
06
        overflow: hidden;
07
    }
08
 
09
wordwrap.xml的内容如下
10
<?xml version = "1.0"?>
11
 
12
<bindings xmlns = "http://www.mozilla.org/xbl" xmlns:html = "http://www.w3.org/1999/xhtml">
13
 
14
<binding id = "wordwrap" applyauthorstyles = "false">
15
 
16
<implementation>
17
<constructor>
18
// <![CDATA[
19
 
20
var elem = this;
21
 
22
elem.addEventListener('overflow',
23
function()
24
{
25
var exp = / <\/*[_\s="'\w]+>/g;
26
 
27
var txt = elem.innerHTML;
28
var chars = txt.split('');
29
var newTxt = chars.join('');
30
newTxt = newTxt.replace(exp, reconstructTag);
31
elem.innerHTML = newTxt;
32
},false);
33
 
34
function reconstructTag(_tag)
35
{
36
return _tag.replace(//g, '');
37
}
38
 
39
//]]>
40
</constructor>
41
</implementation>
42
</binding>
43
 
44
</bindings>
45
<!-- Web2 -->
代码片段
