zoukankan      html  css  js  c++  java
  • 网页页面错乱 警惕<input>等控件的border

    在布局网页时,页面会发生错位,怎么也调整不好,你会纠结于到底是哪里宽了 ,哪里高了。

    这时你可以先用同样宽高的<img>换掉那些<input>等控件,把页面调整规范。再换回去,你发现页面乱了,原因就在这里。

    为什么同样大的会使页面错位了?因为<input>有默认的border,而且不同浏览器不同(在IE 中document.getElementById("mxh").currentStyle.borderStyle测量控件的border),这样就必须显式的声明才可以,例如:

     1: <input type="text" name="textfield" id="textfield" style="border:1px solid red" />

    其他控件同理。

    刘国柱作于2011-12-30

    原创文章转载请注明出处

  • 版权声明:自由转载-非商用-非衍生-保持署名 | Creative Commons BY-NC-ND 3.0
  • 捐款支持:
查看全文
  • 相关阅读:
    一些想说的事
    化学离子平衡作业偷懒神器
    solution
    SGU 刷题记
    INT128
    # 字典树的指针写法 1.
    CSP-S2 游记
    Tarjan 【整理】
    HGOI 20191106
    20191101
  • 原文地址:https://www.cnblogs.com/liuguozhu2015/p/2307042.html
  • Copyright © 2011-2022 走看看