对于div,p等块级元素：
正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行
html
正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义
css
#wrap{white-space:normal; width:200px; }
1.（IE浏览器）连续的英文字符和阿拉伯数字,使用word-wrap : break-word ;或者word-break:break-all;实现强制断行
#wrap{word-break:break-all; width:200px;}
或者
#wrap{word-wrap:break-word; width:200px;}
2.（Firefox浏览器）连续的英文字符和阿拉伯数字的断行,Firefox的所有版本的没有解决这个问题,我们只有让超出边界的字符隐藏或者,给容器添加滚动条
#wrap{word-break:break-all; width:200px; overflow:auto;}
今天在做一个网站时候采集了一个种子文件,地址是:
ed2k://|file|%E7%A5%9E%E7%9B%BE%E5%B1%80%E7%89%B9%E5%B7%A5.Marvels.Agents.of.S.H.I.E.L.D.S02E16.%E4%B8%AD%E8%8B%B1%E5%AD%97%E5%B9%95.WEB-HR.AC3.1024X576.x264.mkv|511595705|49f67e49eca88c81b479fe59ee1aa4b3|h=g6rqsobfgyjg2w5zxdfmpx2cqsgmyzx2|/
保存为文章内容后文章显示却溢出了,查看了半天没有找到原因,百度了一下原来是连续的字母或是数字不会自动换行,需要添加css样式word-break:break-all;就可以了,以后要注意这个问题.
转载请注明：稻香的博客 » html中连续的数字和英文字符超出溢出不换行