DIV自动换行的CSS

本文介绍了一种在不同浏览器环境下实现文本自动换行的方法。针对IE浏览器使用CSS属性word-break和display来达到目的,在Firefox中则通过JavaScript脚本来实现文本的自动换行。

ie 下

1word-break:break-all; 
2dispaly: block; (DIV默认的DISPLAY就是BLOCK)

div下

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


<script type="text/javascript">
function toBreakWord(intLen, id){
 var obj=document.getElementById(id);
 var strContent=obj.innerHTML;
 var strTemp="";
 while(strContent.length>intLen){
  strTemp+=strContent.substr(0,intLen)+"<br>";
  strContent=strContent.substr(intLen,strContent.length);
 }
 strTemp+= strContent;
 obj.innerHTML=strTemp;
}
</script>
注:以上脚本放在</head>前面.


调用时如下写法:

同个页面单处调用:

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

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值