美文网首页
遇到的其他一些问题

遇到的其他一些问题

作者: shanshanfei | 来源:发表于2017-07-31 15:25 被阅读0次

遇到的其他一些问题:

  • 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();

相关文章

网友评论

      本文标题:遇到的其他一些问题

      本文链接:https://www.haomeiwen.com/subject/srlrlxtx.html