越来越觉得自己走测试这条路是对的,越来越觉得自己适合做测试,这么久以来兴趣一直在激发我前进,一直在寻找下一个站点,我相信测试路上我一定会走的很远,我的测试道路一定会很宽阔,努力就有收获,也希望还在测试路口迷惘的朋友,不要再犹豫了,因为你的犹豫不决,会使你错过很多~~~~~喜欢就去just do it ,因为只有尝试了才知道自己适不适合,喜不喜欢。如果一味的问别人,永远找不到最终的答案。因为每个人的感觉不一样,每个人的情况不一样,每个人的前提条件都不一样,你会得到不同的答案,这样只能会使你更迷茫~~~~

firefox css自动换行的实现方法

上一篇 / 下一篇  2008-12-02 13:58:45 / 个人分类:CSS

firefox css自动换行的实现方法
IE直接用:
word-break:break-all; /*允许词内换行*/  
word-wrap:break-word; /*内容将在边界内换行*/  
/*需要注意的默认是:*/  
word-wrap:normal /*允许内容顶开指定的窗口边界*/  
  而firefox却没有很好的实现办法 ,一个折中方案就是使用滚动条,但网上也提出了一种用js来判断换行的办法,这里摘录下(转自网络,特此说明)。 Javascrīpt复制代码 
<scrīpt type="text/javascrīpt">  
function toBreakWord(intLen, id){  
  var ōbj=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;  
}  
</scrīpt>  
注:以上脚本放在</head>前面.  
同个页面单处调用: 
<div id="content">这里是要应用换行的内容</div><scrīpt type="javascrīpt">toBreakWord(60, "content");</scrīpt>  
同个页面多处调用: 
<div id="content">这里是要应用换行的内容</div><scrīpt type="javascrīpt">toBreakWord(60,"content");</scrīpt>  
<div id="content2">这里是要应用换行的内容</div><scrīpt type="javascrīpt">toBreakWord(60,"content2");</scrīpt>  
  注:把应用的JS写在</div>后面,其中60表示一行要显示多少字字符,注意多个调用时ID的相应变化,不能同一个ID名称,应用上面的方法后IE也会是按设定的字符数换行,但是IE里面支持自动换行,所以只要判断一下是否为IE,如果不是IE就不要输出上面的 XML/HTML复制代码 
<scrīpt language="javascrīpt">toBreakWord(60, "content");</scrīpt>  



TAG: CSS

 

评分:0

我来说两句

Open Toolbar