摘要：
可以使用百分比绝对值定位，与外补丁负值的方法。负值的大小为其自身宽度除以2；div｛position :absolute; top:50%; left:50%; margin:-100px 0 0 -100px; width:200px; height:200px;border:1px solid red; ｝ 阅读全文
摘要：
a,b两个diva{text-align:center;}b{margin:0 auto;} 阅读全文
摘要：
一般情况下，元素拥有默认的white-space:normal（自动换行，PS：不换行是white-space:nowrap）,当录入的文字超过定义的宽度后会自动换行，但当录入的数据是一堆没有空格的字符或字母或数字（常规数据应该不会有吧，但有些测试人员是会这样子做的），超过容器宽度时就会把容器撑大，不换行。解决方法（以IE，chrome,FF为测试浏览器）：{ word-break:break-all; /*支持IE，chrome，FF不支持*/ word-wrap:break-word;/*支持IE，chrome，FF*/}以下是对这两种方法的区别说明：1，word-break:brea.. 阅读全文
摘要：
消除ul li等列表的缩进时，样式应写为list-style:none;其中margin对IE有效，padding 对firefox有效。在IE中设置margin:0px； 可以去除列表的上下左右缩进，空白以及列表编号或圆点。设置padding对样式没有影响；在FF中，设置margin：0px；仅仅可以去除上下的空白，设置padding：0px；后仅仅可以去除左右缩进，还必须设置list-style:none;才可以去除列表编号或圆点，也就是说，在IE中仅仅设置margin：0px；即可以达到最终效果，而在FF中必须设置margin:0px；padding：0px；list-style:non 阅读全文
摘要：
display:inline;行内元素是没有width\height的 padding \margin 只有左右有效。设置width height无效时。 我们可以通过 line-height来设置 高度。块级元素 ：display:block;未浮动的垂直相邻元素的上边界会被压缩。padding 不能为负值。css 强制换行 word-wrap:解决方法（以IE，chrome,FF为测试浏览器）：{ word-break:break-all; /*支持IE，chrome，FF不支持*/ word-wrap:break-word;/*支持IE，chrome，FF*/}web中IE设置滚动条.. 阅读全文
摘要：
把所有主体内容放在一个width:100%, height:100%, overflow:auto; 的容器里。把菜单绝对定位，然后调整主体容器位置不要被菜单挡住。框架比较好实现。 阅读全文
摘要：
//设置cookiesfunction setCookie(name,value,days){ var date = new Date(); date.setDate(date.getDate()+days); document.cookie=name+"="+escape(value)+";expires="+date.toGMTString();}setCookie("aa","bb",7);//获取cookiesfunction getCookie(name){ if (document.cookie.len 阅读全文
摘要：
如果用textarea的属性字数宽度（cols）和行数（rows）来控制textarea的大小你会发现在，在IE和FF下的每行字数和文字的行数都不相同，而且在字数不足滚动的情况下，IE是默认有滚动条的，而FF是没有滚动条的。那如何控制textarea在IE中和FF中相同的效果呢，其实比较简单：1、用textarea的宽度（widht）和高度（height）来定义textarea的大小； 2、让滚动条自适应：overflow-y:auto 阅读全文