zoukankan      html  css  js  c++  java
  • 网页的DOCTYPE声明与文本框的高度差

    网页开头声明DOCTYPE为<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">的情况下,文本框的实际高度会比设定值大一些,大约有6px的差距。
    比如说,一个文本框和一个按钮放一起,排一行,如果要大家看上去高度一致,按钮height=34px,那么文本框height=28px。


    为什么会这样?不知道。
    如果将这个DOCTYPE声明去掉,高度立刻恢复正常:

    有一个问题。如果页面代码用这种方式输出脚本:Response.Write(“<script>alert(‘Hello   World!’);</script>”);,DOCTYPE声明也会立即失效,如果文本框设计的时候因为迁就这个高度差,这时候会立即露出原形。究其原因,这种方式输出脚本,脚本会位于DOCTYPE声明的前面,而DOCTYPE声明是要排在最前面的。


    对付这种情况,最好用Page.ClientScript.RegisterStartupScript来输出脚本。
    我想,<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">这种声明里面,文本框的高度差应该有个什么属性来消除的。但如何消除,我还不知道。

    有时候,Reponse输出脚本后,本来用margin:auto方式定位居中的DIV一下子跑到左边,原因也在此。

  • 相关阅读:
    离职or not 离职
    RelativeLayout总结
    MVC中小试了一下Jquery
    tricks about andor in python
    【回旋数字】c语言实现
    退役?
    HDU4546 比赛难度
    WEB页面导出为EXCEL文档的方法
    开始→运行→命令
    控制Repeater显示列数
  • 原文地址:https://www.cnblogs.com/leftfist/p/4258174.html
Copyright © 2011-2022 走看看