遇到的其他一些问题:
- input 和 button在同一行时不对齐问题
两者设置一样的高度时,发现button总是比input要少2px,是因为button采用的是quicks模式解析,在怪异模式下,border是计算在height内的,所以总是会比input少2px,为了二者能对齐,宽高设置上要注意外,还要设置button为vertical-align:middle或者设置input 为vertical-align:top。 - image在div中 底部空白问题 :字号和行高的原因
image是行内块级元素,默认vertical-align值是baseline而非bottom,图片底部的空白就是baseline基线到bottom的距离,解决办法是:
//参见: https://www.zhihu.com/question/21558138
1:可以设置图片为display:block或者改变vertical-align为bottom||middle。
2:或者设置父级div的行高为一个小值line-height:1px,或者设置父级div的字号为小值font-size:0。
- jquery无new构造:jquery.fn = jquery.prptotype = jquery.fn.init.prototype
在构造函数内部返回: return new jquery.fn.init();所以可以不用new ,又避免了死循环,相当于:return new jquery();