1、在一个width=100px的div块里输中文到了100px会自动换行,英文却会不断加大width像素(不会换行),这是怎么回事?
答:肯定是连打了,正确的英文单词之间一定有空格, 一但有空格就会换行!!
2、如何实现不管是否是单词,都会强制换行?
答:div加上word-break:break-all;样式。但是ie下可以,ff下不可以。
3、如何在ie和ff下都可以?
答:结合xml
wordwrap.xml的内容如下
<?xml version = "1.0"?>
<bindings xmlns = "http://www.mozilla.org/xbl"xmlns:html = "http://www.w3.org/1999/xhtml">
<binding id = "wordwrap" applyauthorstyles ="false">
<implementation>
<constructor>
// <![CDATA[
var elem = this;
elem.addEventListener('overflow',
function()
{
var exp = /<​\/*[​_\s="'\w]+>/g;
var txt = elem.innerHTML;
var chars = txt.split('');
var newTxt = chars.join('​');
newTxt = newTxt.replace(exp, reconstructTag);
elem.innerHTML = newTxt;
},false);
function reconstructTag(_tag)
{
return _tag.replace(/​/g, '');
}
//]]>
</constructor>
</implementation>
</binding>
</bindings>
<!-- Web2 -->