zoukankan      html  css  js  c++  java
  • 中文字,文本框,button按钮垂直居中对齐方法

    关键,文字要包含在label标签中,并设置行高,否则文字会与文本框的顶

    端对齐。文本框要设置vertical-align:middle;否则文本框与button顶端对

    齐。button中文字垂直居中,要设置高和行高,行高要小于高。

    <html>
    <head>
    <style type='text/css'>
    LABEL
    {
     LINE-HEIGHT: 20px;
     HEIGHT: 20px
    }
    .button
    {
     font-size:12px;
     text-align:center;
     padding:0px;
     vertical-align:middle ;
     line-height:22px;
     margin:0px;
     Height:26px;
     Width:60px;
    }
    .txt
    {
    border:1px #6699CC solid;
    height:20px;
    160px;
    margin:0px;
    vertical-align:middle;
    font-size:12px;
    padding:0px 2px;
    line-height :16px;
    }

    </style>
    </head>
    <body>
    div中文字,文本框,button按钮垂直居中对齐方法及的css样式。
    <div class="divPad" style="FONT-SIZE: 12px; HEIGHT: 28px;">
           

    <label>查询:企业名称</label><input ID="txt_company"

    type="text" class="txt" />       

    &nbsp; &nbsp;&nbsp;<label>姓名</label><input ID="txt_name"

    class="txt" Width="80px" type="text"/>       

    &nbsp;<input type="button" ID="Button1" value="查找"

    class="button" /></div>


    </body>
    </html>

  • 相关阅读:
    代码对比软件——code compare
    IAR调试和keil调试的一点小区别
    谷访问歌助手
    X86架构的寄存器
    ant-design-pro
    js 闭包 作用域
    《三体》总结
    如何通过SQL注入盗取数据库信息
    《看见》总结
    《欲望的演化》总结
  • 原文地址:https://www.cnblogs.com/Denny_Yang/p/2209774.html
Copyright © 2011-2022 走看看