收藏本站 
广告服务 
网站地图 
>> 为你提供近10万篇各类电脑技术文章、网络技术教程、软件技术文章、网页设计教程、平面设计教程、数据库技术教程等方面的电脑教程!
先飞电脑技术网技术文章网站建设Dreamweaver
网络编程 | 网站建设 | 网络技术 | 设计教程 | 软件教学 | 程序开发 | 数据库开发 | 教育认证 | 硬件维护 | 媒体动画 | 机械电子 |

DW文本自动换行的解决办法

[ 作者:佚名    转贴自:网络转载    阅读次数:16    更新时间:2007-11-15 14:26:00   录入:刘光勇 ]        
    

关于FireFox网上找了很多资料一直没有合适的解决办法,今天特地找了一个程序高手研究了这个问题,终于有个比较理想的解决办法了,在这里与大家分亨一下,主要是DIV+CSS文本自动换行在FireFox里面的解决办法,具体如下:

 

文本自动换行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.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>


同个页面多处调用:

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

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


注:把应用的JS写在</div>后面,其中60表示一行要显示多少字字符,注意多个调用时ID的相应变化,不能同一个ID名称,应用上面

的方法后IE也会是按设定的字符数换行,但是IE里面支持自动换行,所以只要判断一下是否为IE,如果不是IE就不要输出上面的
<script language="javascript">toBreakWord(60, "content");</script>
这段JS,如果不是就要输出。

文章首页【加入到收藏夹】告诉好友】【打印此文】【关闭窗口
  版权声明:本站提供的“DW文本自动换行的解决办法”版权归文章所有者,转载请注明出处!
 ·上一篇文章:Dreamweaver 正则表达式 查找替换      ·下一篇文章:没有了
相关文章
·DW文本自动换行的解决办法[16]
·DW中使用正则表达式进行查找替换[36]
·在DW MX 2004中使用正则表达式[54]
·使用DW方便快捷编辑网页标签[96]
·用DW8轻松制作漂亮的Flash像册[44]
网站主页 | 收藏本页 | 联系我们 | 广告服务 | 站点地图 | 会员注册 | 隐私政策 | 内容指正

联系QQ:先飞电脑技术网站事务联系QQ,点击可以直接留言. 32933427 电话:13710542091 [世界排名] 鄂ICP备05005890号 先飞电脑教程网