firefox css自动换行的实现方法
发布时间:2016-12-07 09:23:22 所属栏目:百科 来源:站长网
导读:IE直接用: word-break:break-all;nbsp;nbsp;/*允许词内换行*/nbsp;nbsp;nbsp; word-wrap:break-word;nbsp;/*内容将在边界内换行*/nbsp;nbsp;nbsp; /*需要注意的默认是:*/nbsp;nbsp;nbsp; word-wrap:normalnbsp;/*允许内容顶开指定的窗口边界*/nbsp;nbsp;nb
IE直接用: word-break:break-all;nbsp;nbsp;/*允许词内换行*/nbsp;nbsp;nbsp; word-wrap:break-word;nbsp;/*内容将在边界内换行*/nbsp;nbsp;nbsp; /*需要注意的默认是:*/nbsp;nbsp;nbsp; word-wrap:normalnbsp;/*允许内容顶开指定的窗口边界*/nbsp;nbsp;nbsp; nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;而firefox却没有很好的实现办法nbsp;,一个折中方案就是使用滚动条,但网上也提出了一种用js来判断换行的办法,这里摘录下(转自网络,特此说明)。nbsp;JavaScript复制代码 lt;scriptnbsp;type="text/javascript"gt;nbsp;nbsp;nbsp;nbsp; functionnbsp;toBreakWord(intLen,nbsp;id){nbsp;nbsp;nbsp;nbsp; nbsp;nbsp;nbsp;nbsp;varnbsp;obj=document.getElementById(id);nbsp;nbsp;nbsp;nbsp; nbsp;nbsp;nbsp;nbsp;varnbsp;strContent=obj.innerHTML;nbsp;nbsp;nbsp;nbsp;nbsp; nbsp;nbsp;nbsp;nbsp;varnbsp;strTemp="";nbsp;nbsp;nbsp;nbsp; nbsp;nbsp;nbsp;nbsp;while(strContent.lengthgt;intLen){nbsp;nbsp;nbsp;nbsp; nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;strTemp+=strContent.substr(0,intLen)+"lt;brgt;";nbsp;nbsp;nbsp;nbsp;nbsp; nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;strContent=strContent.substr(intLen,strContent.length);nbsp;nbsp;nbsp;nbsp;nbsp; nbsp;nbsp;nbsp;nbsp;}nbsp;nbsp;nbsp;nbsp; nbsp;nbsp;nbsp;nbsp;strTemp+=nbsp;strContent;nbsp;nbsp;nbsp;nbsp; nbsp;nbsp;nbsp;nbsp;obj.innerHTML=strTemp;nbsp;nbsp;nbsp;nbsp; }nbsp;nbsp;nbsp;nbsp; lt;/scriptgt;nbsp;nbsp;nbsp; 注:以上脚本放在lt;/headgt;前面.nbsp; 同个页面单处调用: lt;divnbsp;id="content"gt;这里是要应用换行的内容lt;/divgt;lt;scriptnbsp;type="javascript"gt;toBreakWord(60,nbsp;"content");lt;/scriptgt;nbsp;nbsp;nbsp;nbsp;nbsp; 同个页面多处调用: lt;divnbsp;id="content"gt;这里是要应用换行的内容lt;/divgt;lt;scriptnbsp;type="javascript"gt;toBreakWord(60,"content");lt;/scriptgt;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp; lt;divnbsp;id="content2"gt;这里是要应用换行的内容lt;/divgt;lt;scriptnbsp;type="javascript"gt;toBreakWord(60,"content2");lt;/scriptgt;nbsp;nbsp;nbsp;nbsp; nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;注:把应用的JS写在lt;/divgt;后面,其中60表示一行要显示多少字字符,注意多个调用时ID的相应变化,不能同一个ID名称,应用上面的方法后IE也会是按设定的字符数换行,但是IE里面支持自动换行,所以只要判断一下是否为IE,如果不是IE就不要输出上面的nbsp;XML/HTML复制代码 lt;scriptnbsp;language="javascript"gt;toBreakWord(60,nbsp;"content");lt;/scriptgt;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp; 这段JS,如果不是就要输出。代码未经测试,偶只看了思路,有需要的自己去调试吧!有错误给我留言。 (编辑:源码门户网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- 传字节跳动自研重度游戏 回应:不予置评
- 网龙网教通升级在线考试等四大功能 构建教学新生态
- 百度或分拆国际化事业部 进一步聚焦人工智能战略
- GSA:全球已有199款5G设备发布 手机增长最快
- ORA-32001:write to SPFILE requested but no SPFILE is in
- 格力否认入股一汽夏利 但有可能是董明珠个人行为
- 每日艾播报 | 思科诺基亚辟谣 贾跃亭资产第三次流拍 斗鱼封
- oracle11g – tnsping失败,但可以通过sqlplus连接到Oracle
- 伊莱克斯洗衣机优势在哪里 伊莱克斯洗衣机品牌及优势介绍
- 越穷越要学会资金规划:陆金所、极光金融、ppmoney、你我贷
站长推荐