`
文章列表

margin bug (1)

    博客分类:
  • css
  <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>垂直外边距合并</title> <style> .top{width:160px; height:50px; background:#ccf;} .middle{width:160px; background:#cfc;} .middle .firstChild{margin-top:20px;} </style> </head> <body& ...

垂直居中 小记

    博客分类:
  • css
/* top:50% margin-top:-35px */ .wrap{ height: 200px; width: 200px; border: 4px solid #BBBBBB; position: relative; } .inner{ position:absolute; height: 70px; width: 120px; background-color: #FFBFBF; top:50%; margin-top:-35px; ...
在使用HashSet 的时候往往需要重写他的equals和hashCode方法,简单记录一下调用过程做个备忘 1.当hashcode不相等时,两个对象则不相等,不调用equals 2.当hashcode相等时,则看两个对象是否equals,即调用equals方法比较 public class Person { private String name; private int age ; public Person(){} public Person(String name,int age){ this.name = name; this.age = ag ...
inline-block属性还是非常有用的,但是在IE6 7下还是有那么点问题,现总结一下 在IE6 7下实际上对行内元素起作用但对块级元素就失去了它的作用,上代码 <div style="display:inline-block;border:1px solid red;width:100px;height:100px;">div1</div> <div style="display:inline-block;border:1px solid blue;width:100px;height:100px;">div2& ...
对相对定位,绝对定位一直以来有点小小的偏差,总结一下 相对定位: 相对于元素原来位置进行定位,使用top,left属性之后他在原来位置上进行移动,原来元素的位置还是保留着,其他元素也只能看到他原来的位置。 <div style="padding:20px 20px;border:1px solid red;position:relative;"> <div style="border:1px solid blue;position:relative;top:10px;">ss</div> &l ...
原文:http://zn.net.cn/NewsView.aspx?id=89 对象的分类   所谓对象查找,即在一段可执行代码的作用域内,找到一个当前需要的对象。在javascript中,需要进行查找的对象大致可以分为3种类型:   1、变量查找,如foo++;,这里就 ...
今天突然碰到form表单的名字与js方法的名字相同导致找不到js方法的问题,根据网上的一些资料和自己的理解,总结出一定原因,个人理解有错误请指正~~~ 代码: <form name="test" id="test" > <a href="#" onclick="test()" name="test">aa</a> </form> <script type="text/javascript"> func ...
转自:http://www.ued163.com/?p=1800 同源策略 在客户端编程语言中,如JavaScript和ActionScript,同源策略是一个很重要的安全理念,它在保证数据的安全性方面有着重要的意义。同源策略规定跨域之间的脚本是隔离的,一个域的脚本不 ...
基本实现思路:   将input的宽度设置为100%,这样就可以填充整个div的区域,然后在input的后面添加一个span元素,span的visibility属性设置为hidden不可见但占据文档流的位置,这时发现input排布在span的上面,于是把input的position属性设置为absolute决定定位,这样就可以将input覆盖在span的上面。在这里需要注意的时当input设置为absolute时,他的定位根据第一已定位的祖先元素,所以应把他的第一个父元素div设置成relative相对定位。然后你会发现input的宽度还是充满了整个文档,因为父元素为div他默认是填满他的父元素 ...
网上看到一篇关于this的讲解,有时候还是回搞错this的上下文,在这里再复习一下 原文:http://www.cnblogs.com/miqi2214/archive/2009/04/10/1433202.html function clickFun(value,elemID){ this._value = value; this._elem = document.getElementById(elemID); this._elem.ButtonFun = this;//this指向clickFun对象 this._elem.onclick ...
项目需要用到文本框高度自适应的插件,自己写了个感觉真的太烂,还是找到网上的一个插件,感觉不错,代码挺简单,可用性还可以!推荐一下~ http://unwrongest.com/projects/elastic/ http://code.google.com/p/jquery-elastic/ 使用方法如下 $("#textarea").elastic()
var obj = eval("{'test':123}"); //报错 alert(obj); var obj = eval("({'test':123})");//正确 alert(obj); 加一对园括号让{ }先强制运算为object 没有括号,eval会认为{}是语句块,因为javascript是语句优先,因此eval后得到的是 "test1":"1","test2":"2",.... 这在alert中显然是错误的
{ display:inline-block; *display:inline; *zoom:1; } display:inline-block;  IE6 IE7 都不支持 *+css  仅IE7支持 *css   IE6  IE7不认识
document.createElement()的用法 分析代码时,发现自己的盲点——document.createElement(),冲浪一番,总结了点经验。 document.createElement()是在对象中创建一个对象,要与appendChild() 或 insertBefore()方法联合使用。其中,appendChild() 方法在节 ...
转自:http://www.cnblogs.com/stormtea/articles/1958620.html 对于 HTML 等文档类型,如果使用 display 不谨慎会很危险,因为可能违反 HTML 中已经定义的显示层次结构。block和inline是display的常用属性。 block 此元素将显示为块级元素,此元素前后会带有换行符。inline是display默认属性,此元素会被显示为内联元素,元素前后没有换行符。 下面是 block 级对象和 inline 级对象的基本区别: Block 级对象会自然地水平充满其父容器,因此没有必要为之设置 100% 宽度属性 Bloc ...
Global site tag (gtag.js) - Google Analytics