IE8 不支持CSS word wrap属性
当连续输入英语字符后,由于浏览器默认为一个单词,并不会换行处理,在IE6/IE7 中,我们可以添加css中的word-wrap 属性,实现自动换行。但是在IE8 版本中,该属性不支持。
我们可以采用判断浏览器版本后,使用JavaScript进行换行。
if ($.browser.mozilla) {
strContent = toBreakWord(strContent, 87);
}else if($.browser.msie&&($.browser.version == "8.0")){
strContent = toBreakWord(strContent, 87);
}
换行处理的函数为:
// 通过JavaScript实现英文长字符串换行
function toBreakWord(content, intLen) {
var strContent = content;
var strTemp = "";
while (strContent.length > intLen) {
strTemp += strContent.substr(0, intLen) + " ";
strContent = strContent.substr(intLen, strContent.length);
}
strTemp += " " + strContent;
return strTemp;
}
其中,content为需要换行处理的字符串,intLen为每行的字符数。这里使用的是hardcode,不能做到随窗口大小自动变长/缩短。
解决连续字符自动换行,可以同时参考 http://www.lin04com.cn/?action=show&id=74&page=1
相关文档:
css
clearfix(针对火狐height:auto无效解决方案)
Firefox等符合W3C标准的浏览器中,如果有一个DIV作为外部容器,内部的DIV如果设置了float样式,则外部的容器DIV因为内部没有clear,导致不能被撑开。
例:
<div style=" border:2px solid #0CC; width:600px;" >
<div style="
wi ......
Css中的条件样式表
<!--[if lte IE 6 ]>
<link rel="stylesheet" href="ie6.css" mce_href="ie6.css" media="all"
type="text/css"/>
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" href="ie7.css" mce_href="ie7.css" media="all"
type="text/css"/>
<![en ......
请看下面一段代码:
<HTML>
<HEAD>
<style>
#login {font-size:14px;color:blue;}//定义了一个ID
.left{FONT-SIZE=12PX;COLOR=RED;TEXT-ALIGN=CENTER;}//定义了一个类
</style>
<TITLE>中国</TITLE>
<BODY>
<DIV STYLE="FONT-SIZE=12PX;COLOR=RED;TEXT-ALIGN=RIGHT; ......
由于各浏览器的默认CSS样式不一样,我们必须写一个CSS Reset统一起来。
通常我的做法是在common.css里写全局控制,这里面也包括header和footer,其它CSS文件就通过@import url(”common.css”);引用。
body{padding:10px;margin:0;background:#fff;font-size:12px;line-height:14px;color:#333;font-family:Ari ......