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

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

下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。

内存溢出小编现在分享给大家，也给大家做个参考。

问题：在一个wIDth=100px的div块里输中文到了100px会自动换行，英文却会不断加大wIDth像素（不会换行）,这是怎么回事？答案：打英文的时候肯定是连打了,正确的英文单词之间一定有空格,一但有空格就会换行!!问题：如何实现不管是否是单词，都会强制换行！回答：div加上word-break:break-all;样式。但是IE下可以，ff下不可以。问题:如何在IE和ff下都可以回答:结合xmlXml代码，请使用工具条复制代码vIEw sourceprintabout01.worDWrap02    {03        word-wrap:break-word;04        word-break:break-all;05        -moz-binding: url('../../JavaScript/worDWrap.xml#worDWrap');//这里的路径自己安排！06        overflow: hIDden;07    }08 09worDWrap.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 20var elem = this;21 22elem.addEventListener('overflow',23function()24{25var exp = / <​\/*[​_\s="'\w]+>/g;26 27var txt = elem.INNERHTML;28var chars = txt.split('');29var newTxt = chars.join('​');30newTxt = newTxt.replace(exp,reconstructTag);31elem.INNERHTML = newTxt;32},false);33 34function reconstructTag(_tag)35{36return _tag.replace(/​/g,'');37}38 39//]]>40</constructor>41</implementation>42</binding>43 44</bindings>45<!-- Web2 -->

以上是内存溢出(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。

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

总结

以上是内存溢出为你收集整理的div中文换行英文不换行的解决方法全部内容，希望文章能够帮你解决div中文换行英文不换行的解决方法所遇到的程序开发问题。

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