如何实现FireFox文本自动换行

yanganshuo2

yanganshuo2

2016-02-19 23:26

人生本是一个不断学习的过程,在这个过程中,图老师就是你们的好帮手,下面分享的如何实现FireFox文本自动换行懂设计的网友们快点来了解吧!

FireFox文本自动换行处理,如何实现FireFox文本自动换行

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

文本自动换行IE中解决方法:

word-wrap:break-word;
word-break:break-all;

注:在要换行的内容相应的单元格或者DIV里加入,如:

div style=word-wrap:break-word;/div或td style=word-wrap:break-word;/td

文本自动换行FireFox中解决方法(脚本):

script type="text/javascript"
function toBreakWord(intLen, id){
var obj=document.getElementById(id);
var strContent=obj.innerHTML;
var strTemp="";
while(strContent.lengthintLen){
strTemp+=strContent.substr(0,intLen)+"br";
strContent=strContent.substr(intLen,strContent.length);
}
strTemp+= strContent;
obj.innerHTML=strTemp;
}
/script

注:以上脚本放在/head前面.

调用时如下写法:

同个页面单处调用:

div id="content"这里是要应用换行的内容/divscript language="javascript"toBreakWord(60, "content");/script

同个页面多处调用:

div id="content"这里是要应用换行的内容/divscript language="javascript"toBreakWord(60, "content");/script
div id="content2"这里是要应用换行的内容/divscript language="javascript"toBreakWord(60, "content2");/script

注:把应用的JS写在/div后面,其中60表示一行要显示多少字字符,注意多个调用时ID的相应变化,不能同一个ID名称,应用上面的方法后IE也会是按设定的字符数换行,但是IE里面支持自动换行,所以只要判断一下是否为IE,如果不是IE就不要输出上面的

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)script language="javascript"toBreakWord(60, "content");/script

这段JS,如果不是就要输出。

展开更多 50%)
分享

猜你喜欢

如何实现FireFox文本自动换行

Web开发
如何实现FireFox文本自动换行

css实现强制不换行/自动换行/强制换行

Web开发
css实现强制不换行/自动换行/强制换行

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

CSS实现Table单元格自动换行或不换行

Web开发
CSS实现Table单元格自动换行或不换行

CSS自动换行

Web开发
CSS自动换行

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Excel如何设置自动换行

excel
Excel如何设置自动换行

如何设置手机WPS自动换行

电脑 WPS
如何设置手机WPS自动换行

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Win10 10123预览版将加入备份和恢复功能

Win10 10123预览版将加入备份和恢复功能

Word2007中智能剪切和粘贴功能

Word2007中智能剪切和粘贴功能
下拉加载更多内容 ↓