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(层叠样式表),可能看过网站制作教程网基础教程的人都知道大概是什么回事.本文来测一下,你学习CSS现在处于怎么一个阶段或者说处在一个什么等级.
本文总共将CSS学习者从低到高分为六个等级.快来看看你是在哪个等级.
第0级:CSS?什么CSS,是不是CS啊.那游戏我玩过呀.是个多人游 ......
请看下面一段代码:
<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控制的语法如下: span style="cursor:*"文本或其它页面元素/span 把 * 换成如下15个效果的一种:
一般而言,鼠标以斜向上的箭头显示,移到文本上 ......
文章转自于:http://www.pqshow.com/design/Dreamweaver/200912/12674.html
由于项目中编写文档结构、编写CSS的人员较多,并与程序员协同工作,所以就需要统一开发规范,根据XHTMl和CSS编织的规范和大多人的习惯,整理了以下针对本项目的一个简单的开发规范:
一、CSS文件及样式命名
1、CSS文件命名规范
全局样式:gl ......