火狐下文字自动换行
2009-06-26 11:38
295 查看
大家都知道在一长串的字母或数字的情况下是不会换行的,今天我来发表一个,换行的例子
大家都知道ie是有办法换行的word-wrap:break-word; 但是火狐是不认识它的,这就的用js来完成
css:
<style type="text/css">
/*
div {
width:300px;
word-wrap:break-word;
border:1px solid red;
}
*/
</style>
html:
<div id="ff">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
js:是关键
<script type="text/javascript">
// <![CDATA[
function toBreakWord(intLen){
var obj=document.getElementById("ff");
var strContent=obj.innerHTML;
var strTemp="";
while(strContent.length>intLen){
strTemp+=strContent.substr(0,intLen)+" ";
strContent=strContent.substr(intLen,strContent.length);
}
strTemp+=" "+strContent;
obj.innerHTML=strTemp;
}
if(document.getElementById && !document.all) toBreakWord(37)
// ]]>
</script>
就是按我放的顺序就可以了,不仿大家试试
大家都知道ie是有办法换行的word-wrap:break-word; 但是火狐是不认识它的,这就的用js来完成
css:
<style type="text/css">
/*
div {
width:300px;
word-wrap:break-word;
border:1px solid red;
}
*/
</style>
html:
<div id="ff">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
js:是关键
<script type="text/javascript">
// <![CDATA[
function toBreakWord(intLen){
var obj=document.getElementById("ff");
var strContent=obj.innerHTML;
var strTemp="";
while(strContent.length>intLen){
strTemp+=strContent.substr(0,intLen)+" ";
strContent=strContent.substr(intLen,strContent.length);
}
strTemp+=" "+strContent;
obj.innerHTML=strTemp;
}
if(document.getElementById && !document.all) toBreakWord(37)
// ]]>
</script>
就是按我放的顺序就可以了,不仿大家试试
相关文章推荐
- 兼容火狐的文字边界自动换行
- CSS实现文字自动换行(兼容IE和火狐)
- #CSS#在设定table为百分比时,如何实现火狐,Chrome下TD内容文字超出时自动换行?
- iReport文字自动换行设置
- 获取UILabel上最后一个字符串的位置。获取文字长度和高度,自动换行
- 关于文字强制换行 ,自动换行,强制不换行的代码
- PHP 根据文字内容添加图片上实现自动换行的小程序
- td 内容自动换行 table表格td设置宽度后文字太多自动换行
- Android TextView自动换行文字排版参差不齐的原因
- android 引导用户指示操作 高亮显示 可以自定义文字或者图片来作为提示,文字会自动换行
- html、css 禁止文字自动换行属性word-break
- div 文字自动换行 去掉链接样式虚框 让iframe自动适用高度JS代码
- iOS&nbsp;UIlabel&nbsp;自动换行,文字自适应
- Xshell 用鼠标选中一段文字后自动换行
- 让table中的td文字自动换行(IE与fireFox)
- Android app开发中用户协议(使用条款)文字自动换行
- css实现页面文字不换行、自动换行、强制换行
- css实现页面文字不换行、自动换行、强制换行
- 标签<view>文字自动换行
- 强制文字不自动换行的方法