首页 网站建设 关于我们 案例展示 企业邮箱 网络营销 服务中心
网站策划 网站定制流程 网站建设套餐 我们的特色 最新签约 建站常识
当前位置建站常识 >> 网站建设之实现DIV自动换行
 
· 网站策划
· 网站定制流程
· 网站建设套餐
· 我们的特色
· 最新签约
· 建站常识
 

网站建设之实现DIV自动换行

网站建设时关于连续长文字自动换行这个问题挺令人头痛的,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 上海网站优化

 

[来源:原创] [作者:admin] [日期:09-09-04] [热度:]

评论

 
Copyright@NEWLINE.sh.cn 著名网站建设公司-上海新线信息科技有限公司 版权所有
公司地址:上海市北京西路605弄57号嘉发大厦B幢9楼E座
邮 编:200041 电话总机:021-62870068 传 真:021-62723407
售前免费咨询:400-670-6188
售前咨询QQ:网站建设咨询 网站建设咨询
友情链接:上海做网站 上海网站改版 上海网站维护 上海企业邮箱 上海网站优化 企业邮箱 上海网络公司 网站优化