js实现连续英文字符自动换行兼容ie6 ie7和firefox_javascript技巧

复制代码 代码如下:

irefox中连续英文字符如果要CSS控制强制换行,探索了N久,发现是实现不了的逼不得已的时候就用js脚本进行控制吧

英文字符自动换行,通过js脚本截断字符串,此方法通用ie6,ie7,firefox兼容解决办法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js实现连续英文字符自动换行</title>
</head>
<body>
<div id="ff" style="width:500px;background:#f3f3f3;">sssssssssssssssss

sssssssssssssssssssssssssssssssssssssssssssssssss</div>
<script>
function toBreakWord(intLen){
var obj=document.getElementById("ff");//文字内容所在容器的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;
}
toBreakWord(50);//一行的最大字符数
</script>
</body>
</html>

时间: 2024-10-26 21:11:52

js实现连续英文字符自动换行兼容ie6 ie7和firefox_javascript技巧的相关文章

两款js图片等比例缩放(兼容IE6,IE7,FF)

 代码如下 复制代码 <script language="网页特效" type="text/javascript"> <!-- function imgauto(i){//你必须给图片提前设定初始宽度和高度,建议直接就是最大宽度和高度  var maxw=250; //定义图片显示的最大宽度  var maxh=250; //定义图片显示的最大高度  var o=new image();o.src=i.src;var w=o.width;var h

js 上传图片预览效果(兼容IE6,IE7,IE8和Firefox)

图片上传预览,就是在使用文件选择框选择了文件之后就可以在页面上看见图片的效果,关 于这个效果我一直认为是无法做到的,今天用alphaimageloader滤镜的src属就是其中的主角 它将使用绝对或相对url地址指定背景图像.假如忽略此参数,滤镜将不会作用. <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-tran

HTML5新标签不兼容(IE6/IE7/IE8)怎么办

今天在这里教给大家一个完美解决HTML5新标签不兼容(IE6/IE7/IE8)的方法:        .html5-wrappers{display:none!important;}     您的浏览器禁用了脚本,请查看这里来启用脚本!或者继续访问.      HTML5新标签不兼容(IE6/IE7/IE8)的完美解决方法这是头部这是网站底部!!! 以上就是小编教给大家的:完美解决HTML5新标签不兼容(IE6/IE7/IE8)的方法!(附js文件:html5.rar) 以上是小编为您精心准备的

下拉菜单select样式设置(兼容IE6/IE7/IE8/火狐)

本文将为大家详细介绍下下拉菜单select样式如何设置才能够兼容IE6/IE7/IE8/火狐等主流浏览器,具体的实现代码如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助     复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <ht

2010全面兼容IE6/IE7/IE8/FF的CSS HACK写法

浏览器市场的混乱,给设计师造成很大的麻烦,设计的页面兼容完这个浏览器还得兼容那个浏览器,本来ie6跟ff之间的兼容是很容易解决的.加上个ie7会麻烦点,ie8的出现就更头疼了,原来hack ie7的方法又不能用了,怎么办呢? 第一种方法: 还好,微软提供了这样一个代码: <meta http-equiv="x-ua-compatible" content="ie=7" /> 把这段代码放到里面,在ie8里面的页面解析起来就跟ie7一模一样的了,所以,基本

兼容ie6,ie7,ie8,firefox左下角浮动广告代码

提示:您可以先修改部分代码再运行 兼容ie6,ie7,ie8,firefox左下角浮动广告代码 子鼠测试. //这一行写了这个DIV是绝对定位,最好再加一下z-index:边框为1px的实线黑色边:距右边有0PX; ID=AD: 提示:您可以先修改部分代码再运行

avascript tab 选项卡[兼容ie6,ie7,ie8,fox浏览器]

avascript tab 选项卡[兼容ie6,ie7,ie8,fox浏览器] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <hea

完美兼容ie6,ie7,ie8以及firefox的css透明滤镜

本例是一个兼容IE6/IE7/IE8和火狐浏览器的css实现半透明层效果,之前本人也遇到过这样的问题,就是把一个层设置半透明后,内的文字也跟着半透明了,一直没找到合适的解决办法,今天看到designcss.org有一篇文章解决了这个问题,但有一点,发现在filter前边多加一个星号,多加个星号是为了让IE6和IE7执行,火狐和IE8就不执行了,火狐本身来讲就不支持IE特有的滤镜功能,所以这里没必要再加星号.还有就是不支持 IE8浏览器,经过研究,查阅大量资料,终于找到解决办法了,下面分享出来.

用CSS使长串英文字符自动换行

在一个单元格内,中文字符如果超出了单元格的宽度,都会自动换行.但奇怪的是,如果全是英文的话,不论你将TD的宽度设为多大,英文字符都不会自动换行,只会一直延伸.如果做英文站点,动态输出内容,这个就麻烦了.     幸好有个简单的办法可以解决:就是用CSS.只需用到:word-break:break-all就可以了.     例如: <table style="table-layout:fixed"> <tr> <td width="100"