新闻资讯
新闻资讯
网站建设之实现DIV自动换行
阅读:709更新时间:2011-02-18
网站建设时关于连续长文字自动换行这个问题挺令人头痛的,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的所有版本的没有解决这个问题,我们只有让超出边界的字符隐藏或者,给容器添加滚动条