网站建设时关于连续长文字自动换行这个问题挺令人头痛的,IE和火狐有着一定的区别。下面分别介绍一下IE和火狐自动换行的方法:
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">上海网站建设</div>
效果:可以实现换行
2.(Firefox浏览器)连续的英文字符和阿拉伯数字的断行,Firefox的所有版本的没有解决这个问题,我们只有让超出边界的字符隐藏或者,给容器添加滚动条
#wrap{word-break:break-all; width:200px; overflow:auto;}
<div id="wrap">上海网站建设</div>
效果:容器正常,内容隐藏
本文原创: 上海新线信息科技有限公司 http://www.shwebdesign.cn/web/webdesign/229.html
我们的服务: 上海网站建设 上海网站制作 上海SEO 上海网站优化