css实现连续数字和英文的自动换行的方法

1.(IE浏览器)连续的英文字符和阿拉伯数字,使用word-wrap : break-word ;或者word-break:break-all;实现强制断行 
#wrap{word-break:break-all; width:200px;} 
或者 
#wrap{word-wrap:break-word; width:200px;} 
<div id="wrap">abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div> 
效果:可以实现换行 

2.(Firefox浏览器)连续的英文字符和阿拉伯数字的断行,Firefox的所有版本的没有解决这个问题,我们只有让超出边界的字符隐藏或者,给容器添加滚动条 
#wrap{word-break:break-all; width:200px; overflow:auto;} 
<div id="wrap">abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div> 

posted @ 2018-05-15 13:28  申继林  阅读(189)  评论(0编辑  收藏  举报