码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-05-15 14:08:26      阅读:213      评论:0      收藏:0      [点我收藏+]

标签:实现   版本   flow   强制   英文   浏览器   width   idt   div   

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> 

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

标签:实现   版本   flow   强制   英文   浏览器   width   idt   div   

原文地址:https://www.cnblogs.com/shenjilin/p/9040529.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!